@nvidia-elements/core 0.1.0 → 0.1.2

package/dist/button/button.js

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

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  --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":""}
+{"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], [pressed])) {\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

@@ -1,4 +1,4 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { BaseButton as t } from "../internal/base/button.js";
 import { useStyles as n } from "../internal/styles/index.js";
 import r from "./button.js";
@@ -12,7 +12,7 @@ var o = class extends t {
 	static {
 		this.metadata = {
 			tag: "nve-button",
-			version: "0.1.0"
+			version: "0.1.2"
 		};
 	}
 	render() {

package/dist/button/button2.js.map

@@ -1 +1 @@
-{"version":3,"file":"button2.js","names":[],"sources":["../../src/button/button.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Interaction, Inverse, FlatInteraction, Size } from '@nvidia-elements/core/internal';\nimport { BaseButton, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './button.css?inline';\n\n/**\n * @element nve-button\n * @description A button is a widget that enables users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/button\n * @slot - slot for button text content or icon, icon placement depends on whether `icon` appears before or after text content.\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --font-weight\n * @cssprop --font-size\n * @cssprop --text-decoration\n * @cssprop --text-align\n * @cssprop --cursor\n * @cssprop --gap\n * @cssprop --height\n * @cssprop --text-transform\n * @cssprop --line-height\n * @cssprop --width\n * @cssprop --min-width\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/\n */\nexport class Button extends BaseButton {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-button',\n    version: '0.0.0'\n  };\n\n  /**\n   * Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'inline';\n\n  /**\n   * Determines size of the button.\n   */\n  @property({ type: String, reflect: true }) size?: Size;\n\n  /**\n   * The Interaction type provides a way to show the intended use case for a button or other interactive element. This can help users quickly understand what each interaction will do and reduce the potential for confusion or errors.\n   */\n  @property({ type: String, reflect: true }) interaction: Interaction | FlatInteraction | Inverse;\n\n  render() {\n    return html`\n      <div internal-host interaction-state focus-within>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;;AAiCA,IAAa,IAAb,cAA4B,EAAW;;gBACrB,EAAU,CAAC,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACV;;CAiBD,SAAS;AACP,SAAO,CAAI;;;GAbZ,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA"}
+{"version":3,"file":"button2.js","names":[],"sources":["../../src/button/button.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Interaction, Inverse, FlatInteraction, Size } from '@nvidia-elements/core/internal';\nimport { BaseButton, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './button.css?inline';\n\n/**\n * @element nve-button\n * @description A button is a widget that enables users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/button\n * @slot - slot for button text content or icon, icon placement depends on whether `icon` appears before or after text content.\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --font-weight\n * @cssprop --font-size\n * @cssprop --text-decoration\n * @cssprop --text-align\n * @cssprop --cursor\n * @cssprop --gap\n * @cssprop --height\n * @cssprop --text-transform\n * @cssprop --line-height\n * @cssprop --width\n * @cssprop --min-width\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/\n */\nexport class Button extends BaseButton {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-button',\n    version: '0.0.0'\n  };\n\n  /**\n   * Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'inline';\n\n  /**\n   * Determines size of the button.\n   */\n  @property({ type: String, reflect: true }) size?: Size;\n\n  /**\n   * The Interaction type provides a way to show the intended use case for a button or other interactive element. This can help users quickly understand what each interaction will do and reduce the potential for confusion or errors.\n   */\n  @property({ type: String, reflect: true }) interaction: Interaction | FlatInteraction | Inverse;\n\n  render() {\n    return html`\n      <div internal-host interaction-state focus-within>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;;AAiCA,IAAa,IAAb,cAA4B,EAAW;;gBACrB,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;CAiBA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;GAnBG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA"}

package/dist/button/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/button/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { Button } from '@nvidia-elements/core/button';\n\ndefine(Button);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-button': Button;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,EAAO"}
+{"version":3,"file":"define.js","names":[],"sources":["../../src/button/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { Button } from '@nvidia-elements/core/button';\n\ndefine(Button);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-button': Button;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,CAAM"}

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

@@ -1,6 +1,6 @@
 import { appendRootNodeStyle as e } from "../internal/utils/dom.js";
 import { attachInternals as t } from "../internal/utils/a11y.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { audit as r } from "../internal/controllers/audit.controller.js";
 import { keyNavigationList as i } from "../internal/controllers/keynav-list.controller.js";
 import { useStyles as a } from "../internal/styles/index.js";
@@ -12,7 +12,7 @@ import { queryAssignedElements as d } from "lit/decorators/query-assigned-elemen
 //#region src/button-group/button-group.ts
 var f = class extends c {
 	constructor(...e) {
-		super(...e), this.orientation = "horizontal";
+		super(...e), this.orientation = "horizontal", this.#t = (e) => this.#r(e.target);
 	}
 	get keynavListConfig() {
 		return {
@@ -26,7 +26,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-button-group",
-			version: "0.1.0",
+			version: "0.1.2",
 			children: [
 				"nve-button",
 				"nve-icon-button",
@@ -46,7 +46,7 @@ var f = class extends c {
 	disconnectedCallback() {
 		super.disconnectedCallback(), this.removeEventListener("click", this.#t);
 	}
-	#t = (e) => this.#r(e.target);
+	#t;
 	updated(e) {
 		super.updated(e), this.#n();
 	}

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

@@ -1 +1 @@
-{"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 organizes related buttons and can support either mutually exclusive single or multi selection. Prefer usage within toolbars.\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"}
+{"version":3,"file":"button-group2.js","names":["#selectButton","#buttons","#syncStyleStates","#onClick"],"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 organizes related buttons and can support either mutually exclusive single or multi selection. Prefer usage within toolbars.\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,yBAkDzE,MAAa,KAAKA,GAAc,EAAE,MAA6C;;CAhE3F,IAAI,mBAAqC;EACvC,OAAO;GACL,OAAO,KAAKC;GACZ,QAAQ,KAAK;EACf;CACF;;gBAiBgB,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAc;IAAmB;GAAa;EAC3D;;CAWA,IAAIA,KAAW;EACb,OAAO,CAAC,GAAG,KAAK,aAAa,GAAG,KAAK,OAAO;CAC9C;CAEA,SAAS;EACP,OAAO,CAAI,yCAEa,KAAKC,GAAiB;CAGhD;CAEA,oBAAoB;EAKlB,AAJA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,EAAoB,MAAM,CAAY,GACtC,KAAK,WAAW,OAAO,SACvB,KAAK,iBAAiB,SAAS,KAAKC,EAAQ;CAC9C;CAEA,uBAAuB;EAErB,AADA,MAAM,qBAAqB,GAC3B,KAAK,oBAAoB,SAAS,KAAKA,EAAQ;CACjD;CAEA;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQ,CAAK,GACnB,KAAKD,GAAiB;CACxB;CAEA,KAAmB;EASjB,AARI,KAAK,cAAc,UACrB,KAAKD,GAAS,SAAQ,MAAQ,EAAI,YAAY,MAAO,GAGnD,KAAK,eACP,KAAKA,GAAS,SAAQ,MAAQ,EAAI,cAAc,KAAK,WAAY,GAGnE,KAAK,SAAS,SAAS,KAAK,WAAW,OAAO,IAAI,OAAO,IAAI,KAAK,WAAW,OAAO,OAAO,OAAO;CACpG;CAEA,GAAc,GAA6C;EACpD,EAAO,UAAU,6BAA6B,MAI/C,KAAK,mBAAmB,YAC1B,KAAKA,GAAS,SAAQ,MAAM,EAAE,UAAU,EAAM,GAC9C,EAAO,UAAU,MACR,KAAK,mBAAmB,YACjC,EAAO,UAAU,CAAC,EAAO;CAE7B;AACF;GAvFG,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAkB,CAAC,CAAA,GAAA,EAAA,WAAA,kBAAA,KAAA,CAAA,MAGvD,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAaxC,EAAsB,EAAE,UAAU,cAAc,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,MAEjD,EAAsB,EAAE,UAAU,kBAAkB,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA,MAErD,EAAsB,EAAE,UAAU,aAAa,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,UAzClD,EAAM,GACN,EAA+B,CAAA,GAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/button-group/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { ButtonGroup } from '@nvidia-elements/core/button-group';\n\ndefine(ButtonGroup);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-button-group': ButtonGroup;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,EAAY"}
+{"version":3,"file":"define.js","names":[],"sources":["../../src/button-group/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { ButtonGroup } from '@nvidia-elements/core/button-group';\n\ndefine(ButtonGroup);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-button-group': ButtonGroup;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,CAAW"}

package/dist/card/card2.js

@@ -1,4 +1,4 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { audit as t } from "../internal/controllers/audit.controller.js";
 import { hostAttr as n } from "../internal/decorators/host-attr.js";
 import { useStyles as r } from "../internal/styles/index.js";
@@ -16,7 +16,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card",
-			version: "0.1.0"
+			version: "0.1.2"
 		};
 	}
 	render() {
@@ -37,7 +37,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-header",
-			version: "0.1.0",
+			version: "0.1.2",
 			parents: ["nve-card"]
 		};
 	}
@@ -53,7 +53,7 @@ var p = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-content",
-			version: "0.1.0",
+			version: "0.1.2",
 			parents: ["nve-card"]
 		};
 	}
@@ -72,7 +72,7 @@ var m = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-footer",
-			version: "0.1.0",
+			version: "0.1.2",
 			parents: ["nve-card"]
 		};
 	}

package/dist/card/card2.js.map

@@ -1 +1 @@
-{"version":3,"file":"card2.js","names":[],"sources":["../../src/card/card.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { audit, hostAttr, useStyles } from '@nvidia-elements/core/internal';\nimport cardStyleSheet from './card.css?inline';\nimport cardHeaderStyleSheet from './card-header.css?inline';\nimport cardContentStyleSheet from './card-content.css?inline';\nimport cardFooterStyleSheet from './card-footer.css?inline';\n\n/**\n * @element nve-card\n * @description A container for content representing a single entity.\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/card\n * @slot - use `<nve-card-header>`,`<nve-card-content>`,`<nve-card-footer>` for card content layout\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --box-shadow\n * @cssprop --border\n * @aria https://github.com/w3c/aria-practices/issues\n */\n@audit()\nexport class Card extends LitElement implements ContainerElement {\n  /** flat (embed into parent container) or full (width of viewport) */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'full';\n\n  static styles = useStyles([cardStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-card',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"header\"></slot>\n\n        <slot></slot>\n\n        <slot name=\"footer\"></slot>\n      </div>\n    `;\n  }\n}\n\n/**\n * @element nve-card-header\n * @description Displays the title and optional actions at the top of a card, establishing the card's identity and purpose.\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/card\n * @slot - default slot\n * @slot title - (deprecated) Title Text\n * @slot subtitle - (deprecated) Subtitle Text\n * @slot header-action - (deprecated) Header Action Button\n * @cssprop --padding\n * @cssprop --border-bottom\n * @cssprop --line-height\n * @cssprop --gap\n * @aria https://github.com/w3c/aria-practices/issues\n */\n@audit()\nexport class CardHeader extends LitElement {\n  static styles = useStyles([cardHeaderStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-card-header',\n    version: '0.0.0',\n    parents: ['nve-card']\n  };\n\n  @hostAttr() slot = 'header';\n\n  render() {\n    return html`\n      <header internal-host>\n        <div class=\"content\">\n          <slot name=\"title\"></slot>\n          <slot name=\"subtitle\"></slot>\n          <slot></slot>\n        </div>\n\n        <slot name=\"header-action\"></slot>\n      </header>\n    `;\n  }\n}\n\n/**\n * @element nve-card-content\n * @description Contains the primary body content of a card, providing a structured region for the main information or media.\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/card\n * @slot - This is a default/unnamed slot for card content\n * @cssprop --padding\n * @aria https://github.com/w3c/aria-practices/issues\n */\n@audit()\nexport class CardContent extends LitElement {\n  static styles = useStyles([cardContentStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-card-content',\n    version: '0.0.0',\n    parents: ['nve-card']\n  };\n\n  render() {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n\n/**\n * @element nve-card-footer\n * @description Provides a designated area at the bottom of a card for actions, metadata, or supplementary information.\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/card\n * @slot - This is a default/unnamed slot for card footer content\n * @cssprop --padding\n * @cssprop --border-top\n * @aria https://github.com/w3c/aria-practices/issues\n */\n@audit()\nexport class CardFooter extends LitElement {\n  static styles = useStyles([cardFooterStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-card-footer',\n    version: '0.0.0',\n    parents: ['nve-card']\n  };\n\n  @hostAttr() slot = 'footer';\n\n  render() {\n    return html`\n      <footer internal-host>\n        <slot></slot>\n      </footer>\n    `;\n  }\n}\n"],"mappings":";;;;;;;;;;;AA0BO,IAAA,IAAA,cAAmB,EAAuC;;gBAI/C,EAAU,CAAC,EAAe,CAAC;;;kBAEhB;GACzB,KAAK;GACL,SAAS;GACV;;CAED,SAAS;AACP,SAAO,CAAI;;;GAVZ,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,SAH3C,GAAO,CAAA,EAAA,EAAA;AAyCD,IAAA,IAAA,cAAyB,EAAW;;2BAStB;;;gBARH,EAAU,CAAC,EAAqB,CAAC;;;kBAEtB;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,WAAA;GACX;;CAID,SAAS;AACP,SAAO,CAAI;;;GAHZ,GAAU,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,SAVZ,GAAO,CAAA,EAAA,EAAA;AAqCD,IAAA,IAAA,cAA0B,EAAW;;gBAC1B,EAAU,CAAC,EAAsB,CAAC;;;kBAEvB;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,WAAA;GACX;;CAED,SAAS;AACP,SAAO,CAAI;;;OAXd,GAAO,CAAA,EAAA,EAAA;AA4BD,IAAA,IAAA,cAAyB,EAAW;;2BAStB;;;gBARH,EAAU,CAAC,EAAqB,CAAC;;;kBAEtB;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,WAAA;GACX;;CAID,SAAS;AACP,SAAO,CAAI;;;GAHZ,GAAU,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,SAVZ,GAAO,CAAA,EAAA,EAAA"}
+{"version":3,"file":"card2.js","names":[],"sources":["../../src/card/card.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { audit, hostAttr, useStyles } from '@nvidia-elements/core/internal';\nimport cardStyleSheet from './card.css?inline';\nimport cardHeaderStyleSheet from './card-header.css?inline';\nimport cardContentStyleSheet from './card-content.css?inline';\nimport cardFooterStyleSheet from './card-footer.css?inline';\n\n/**\n * @element nve-card\n * @description A container for content representing a single entity.\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/card\n * @slot - use `<nve-card-header>`,`<nve-card-content>`,`<nve-card-footer>` for card content layout\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --box-shadow\n * @cssprop --border\n * @aria https://github.com/w3c/aria-practices/issues\n */\n@audit()\nexport class Card extends LitElement implements ContainerElement {\n  /** flat (embed into parent container) or full (width of viewport) */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'full';\n\n  static styles = useStyles([cardStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-card',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"header\"></slot>\n\n        <slot></slot>\n\n        <slot name=\"footer\"></slot>\n      </div>\n    `;\n  }\n}\n\n/**\n * @element nve-card-header\n * @description Displays the title and optional actions at the top of a card, establishing the card's identity and purpose.\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/card\n * @slot - default slot\n * @slot title - (deprecated) Title Text\n * @slot subtitle - (deprecated) Subtitle Text\n * @slot header-action - (deprecated) Header Action Button\n * @cssprop --padding\n * @cssprop --border-bottom\n * @cssprop --line-height\n * @cssprop --gap\n * @aria https://github.com/w3c/aria-practices/issues\n */\n@audit()\nexport class CardHeader extends LitElement {\n  static styles = useStyles([cardHeaderStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-card-header',\n    version: '0.0.0',\n    parents: ['nve-card']\n  };\n\n  @hostAttr() slot = 'header';\n\n  render() {\n    return html`\n      <header internal-host>\n        <div class=\"content\">\n          <slot name=\"title\"></slot>\n          <slot name=\"subtitle\"></slot>\n          <slot></slot>\n        </div>\n\n        <slot name=\"header-action\"></slot>\n      </header>\n    `;\n  }\n}\n\n/**\n * @element nve-card-content\n * @description Contains the primary body content of a card, providing a structured region for the main information or media.\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/card\n * @slot - This is a default/unnamed slot for card content\n * @cssprop --padding\n * @aria https://github.com/w3c/aria-practices/issues\n */\n@audit()\nexport class CardContent extends LitElement {\n  static styles = useStyles([cardContentStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-card-content',\n    version: '0.0.0',\n    parents: ['nve-card']\n  };\n\n  render() {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n\n/**\n * @element nve-card-footer\n * @description Provides a designated area at the bottom of a card for actions, metadata, or supplementary information.\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/card\n * @slot - This is a default/unnamed slot for card footer content\n * @cssprop --padding\n * @cssprop --border-top\n * @aria https://github.com/w3c/aria-practices/issues\n */\n@audit()\nexport class CardFooter extends LitElement {\n  static styles = useStyles([cardFooterStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-card-footer',\n    version: '0.0.0',\n    parents: ['nve-card']\n  };\n\n  @hostAttr() slot = 'footer';\n\n  render() {\n    return html`\n      <footer internal-host>\n        <slot></slot>\n      </footer>\n    `;\n  }\n}\n"],"mappings":";;;;;;;;;;;AA0BO,IAAA,IAAA,cAAmB,EAAuC;;gBAI/C,EAAU,CAAC,CAAc,CAAC;;;kBAEf;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,SAAS;EACP,OAAO,CAAI;CASb;AACF;GApBG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,UAH1C,EAAM,CAAA,GAAA,CAAA;AAyCA,IAAA,IAAA,cAAyB,EAAW;;2BAStB;;;gBARH,EAAU,CAAC,CAAoB,CAAC;;;kBAErB;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;EACtB;;CAIA,SAAS;EACP,OAAO,CAAI;CAWb;AACF;GAfG,EAAS,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UAVX,EAAM,CAAA,GAAA,CAAA;AAqCA,IAAA,IAAA,cAA0B,EAAW;;gBAC1B,EAAU,CAAC,CAAqB,CAAC;;;kBAEtB;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;EACtB;;CAEA,SAAS;EACP,OAAO,CAAI;CAGb;AACF;OAfC,EAAM,CAAA,GAAA,CAAA;AA4BA,IAAA,IAAA,cAAyB,EAAW;;2BAStB;;;gBARH,EAAU,CAAC,CAAoB,CAAC;;;kBAErB;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;EACtB;;CAIA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;GATG,EAAS,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UAVX,EAAM,CAAA,GAAA,CAAA"}

package/dist/card/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/card/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { Card, CardHeader, CardContent, CardFooter } from '@nvidia-elements/core/card';\n\ndefine(Card);\ndefine(CardHeader);\ndefine(CardContent);\ndefine(CardFooter);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-card': Card;\n    'nve-card-header': CardHeader;\n    'nve-card-content': CardContent;\n    'nve-card-footer': CardFooter;\n  }\n}\n"],"mappings":";;AAMA,EAAO,EAAK,EACZ,EAAO,EAAW,EAClB,EAAO,EAAY,EACnB,EAAO,EAAW"}
+{"version":3,"file":"define.js","names":[],"sources":["../../src/card/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { Card, CardHeader, CardContent, CardFooter } from '@nvidia-elements/core/card';\n\ndefine(Card);\ndefine(CardHeader);\ndefine(CardContent);\ndefine(CardFooter);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-card': Card;\n    'nve-card-header': CardHeader;\n    'nve-card-content': CardContent;\n    'nve-card-footer': CardFooter;\n  }\n}\n"],"mappings":";;AAMA,EAAO,CAAI,GACX,EAAO,CAAU,GACjB,EAAO,CAAW,GAClB,EAAO,CAAU"}

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

@@ -1,5 +1,5 @@
 import { appendRootNodeStyle as e } from "../internal/utils/dom.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
+import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { colorStateStyles as n, useStyles as r } from "../internal/styles/index.js";
 import i from "./chat-message.js";
 import a from "./chat-message.global.js";
@@ -13,7 +13,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-chat-message",
-			version: "0.1.0"
+			version: "0.1.2"
 		};
 	}
 	render() {

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

@@ -1 +1 @@
-{"version":3,"file":"chat-message2.js","names":[],"sources":["../../src/chat-message/chat-message.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Color } from '@nvidia-elements/core/internal';\nimport { colorStateStyles, appendRootNodeStyle } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport styles from './chat-message.css?inline';\nimport globalStyles from './chat-message.global.css?inline';\n\n/**\n * @element nve-chat-message\n * @description A chat message component displays a text message within a conversation, sent between users or bots\n * @since 1.25.0\n * @entrypoint \\@nvidia-elements/core/chat-message\n * @slot - default slot for content\n * @slot prefix - for avatar/img content\n * @slot suffix - for avatar/img content\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --border-radius\n * @cssprop --font-size\n * @cssprop --line-height\n * @cssprop --overflow\n * @cssprop --top-offset - Vertical offset for aligning message with avatar\n\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n * @stable false\n */\nexport class ChatMessage extends LitElement {\n  static styles = useStyles([styles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-chat-message',\n    version: '0.0.0'\n  };\n\n  @property({ type: String, reflect: true }) container: 'flat';\n\n  @property({ type: String, reflect: true }) color: Color;\n\n  @property({ type: String, reflect: true, attribute: 'arrow-position' }) arrowPosition:\n    | 'top-start'\n    | 'top-end'\n    | 'bottom-start'\n    | 'bottom-end';\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix\"></slot>\n        <slot part=\"_message\"></slot>\n        <slot name=\"suffix\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n  }\n}\n"],"mappings":";;;;;;;;AAgCA,IAAa,IAAb,cAAiC,EAAW;;gBAC1B,EAAU,CAAC,GAAQ,EAAiB,CAAC;;;kBAE1B;GACzB,KAAK;GACL,SAAS;GACV;;CAYD,SAAS;AACP,SAAO,CAAI;;CASb,oBAAoB;AAElB,EADA,MAAM,mBAAmB,EACzB,EAAoB,MAAM,EAAa;;;GAtBxC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAEzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAEzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;CAAkB,CAAC,CAAA,EAAA,EAAA,WAAA,iBAAA,KAAA,EAAA"}
+{"version":3,"file":"chat-message2.js","names":[],"sources":["../../src/chat-message/chat-message.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Color } from '@nvidia-elements/core/internal';\nimport { colorStateStyles, appendRootNodeStyle } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport styles from './chat-message.css?inline';\nimport globalStyles from './chat-message.global.css?inline';\n\n/**\n * @element nve-chat-message\n * @description A chat message component displays a text message within a conversation, sent between users or bots\n * @since 1.25.0\n * @entrypoint \\@nvidia-elements/core/chat-message\n * @slot - default slot for content\n * @slot prefix - for avatar/img content\n * @slot suffix - for avatar/img content\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --border-radius\n * @cssprop --font-size\n * @cssprop --line-height\n * @cssprop --overflow\n * @cssprop --top-offset - Vertical offset for aligning message with avatar\n\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n * @stable false\n */\nexport class ChatMessage extends LitElement {\n  static styles = useStyles([styles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-chat-message',\n    version: '0.0.0'\n  };\n\n  @property({ type: String, reflect: true }) container: 'flat';\n\n  @property({ type: String, reflect: true }) color: Color;\n\n  @property({ type: String, reflect: true, attribute: 'arrow-position' }) arrowPosition:\n    | 'top-start'\n    | 'top-end'\n    | 'bottom-start'\n    | 'bottom-end';\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix\"></slot>\n        <slot part=\"_message\"></slot>\n        <slot name=\"suffix\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n  }\n}\n"],"mappings":";;;;;;;;AAgCA,IAAa,IAAb,cAAiC,EAAW;;gBAC1B,EAAU,CAAC,GAAQ,CAAgB,CAAC;;;kBAEzB;GACzB,KAAK;GACL,SAAS;EACX;;CAYA,SAAS;EACP,OAAO,CAAI;CAOb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,EAAoB,MAAM,CAAY;CACxC;AACF;GAxBG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MAExC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAExC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;AAAiB,CAAC,CAAA,GAAA,EAAA,WAAA,iBAAA,KAAA,CAAA"}

package/dist/chat-message/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/chat-message/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { ChatMessage } from '@nvidia-elements/core/chat-message';\n\ndefine(ChatMessage);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-chat-message': ChatMessage;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,EAAY"}
+{"version":3,"file":"define.js","names":[],"sources":["../../src/chat-message/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { ChatMessage } from '@nvidia-elements/core/chat-message';\n\ndefine(ChatMessage);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-chat-message': ChatMessage;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,CAAW"}

package/dist/checkbox/checkbox-group2.js

@@ -1,4 +1,4 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { audit as t } from "../internal/controllers/audit.controller.js";
 import { typeSSR as n } from "../internal/controllers/type-ssr.controller.js";
 import { useStyles as r } from "../internal/styles/index.js";
@@ -12,7 +12,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-checkbox-group",
-			version: "0.1.0",
+			version: "0.1.2",
 			children: [
 				"label",
 				"nve-control-message",

package/dist/checkbox/checkbox-group2.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group2.js","names":[],"sources":["../../src/checkbox/checkbox-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { CSSResult } from 'lit';\nimport { typeSSR, useStyles, audit } from '@nvidia-elements/core/internal';\nimport { ControlGroup } from '@nvidia-elements/core/forms';\nimport styles from './checkbox-group.css?inline';\n\n/**\n * @element nve-checkbox-group\n * @description Groups related checkboxes together with a shared label and validation messaging for multi-select form inputs.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/checkbox\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/\n */\n@audit()\n@typeSSR()\nexport class CheckboxGroup extends ControlGroup {\n  static styles: CSSResult[] = useStyles([...ControlGroup.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-checkbox-group',\n    version: '0.0.0',\n    children: ['label', 'nve-control-message', 'nve-checkbox']\n  };\n}\n"],"mappings":";;;;;;;AAiBO,IAAA,IAAA,cAA4B,EAAa;;gBACjB,EAAU,CAAC,GAAG,EAAa,QAAQ,EAAO,CAAC;;;kBAE7C;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAuB;IAAe;GAC3D;;;OATF,GAAO,EACP,GAAS,CAAA,EAAA,EAAA"}
+{"version":3,"file":"checkbox-group2.js","names":[],"sources":["../../src/checkbox/checkbox-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { CSSResult } from 'lit';\nimport { typeSSR, useStyles, audit } from '@nvidia-elements/core/internal';\nimport { ControlGroup } from '@nvidia-elements/core/forms';\nimport styles from './checkbox-group.css?inline';\n\n/**\n * @element nve-checkbox-group\n * @description Groups related checkboxes together with a shared label and validation messaging for multi-select form inputs.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/checkbox\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/\n */\n@audit()\n@typeSSR()\nexport class CheckboxGroup extends ControlGroup {\n  static styles: CSSResult[] = useStyles([...ControlGroup.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-checkbox-group',\n    version: '0.0.0',\n    children: ['label', 'nve-control-message', 'nve-checkbox']\n  };\n}\n"],"mappings":";;;;;;;AAiBO,IAAA,IAAA,cAA4B,EAAa;;gBACjB,EAAU,CAAC,GAAG,EAAa,QAAQ,CAAM,CAAC;;;kBAE5C;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAuB;GAAc;EAC3D;;AACF;OAVC,EAAM,GACN,EAAQ,CAAA,GAAA,CAAA"}

package/dist/checkbox/checkbox2.js

@@ -1,4 +1,4 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { audit as t } from "../internal/controllers/audit.controller.js";
 import { hostAttr as n } from "../internal/decorators/host-attr.js";
 import { useStyles as r } from "../internal/styles/index.js";
@@ -15,7 +15,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-checkbox",
-			version: "0.1.0",
+			version: "0.1.2",
 			children: [
 				"label",
 				"input",

package/dist/checkbox/checkbox2.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox2.js","names":[],"sources":["../../src/checkbox/checkbox.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { CSSResult } from 'lit';\nimport { audit, hostAttr, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport styles from './checkbox.css?inline';\n\n/**\n * @element nve-checkbox\n * @description A checkbox is a control that enables users to choose between two distinct mutually exclusive options (checked or unchecked, on or off) through a single click or tap.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/checkbox\n * @cssprop --cursor\n * @cssprop --width\n * @cssprop --height\n * @cssprop --border-width\n * @cssprop --border-radius\n * @cssprop --border-color\n * @cssprop --background\n * @cssprop --check-color\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/\n */\n@audit()\nexport class Checkbox extends Control {\n  @hostAttr({ attribute: 'nve-control' }) protected nveControl = 'inline';\n\n  static styles: CSSResult[] = useStyles([...Control.styles, styles]);\n\n  /** @private - disable for inline control */\n  declare fitText: boolean;\n\n  /** @private - disable for inline control */\n  declare fitContent: boolean;\n\n  static readonly metadata = {\n    tag: 'nve-checkbox',\n    version: '0.0.0',\n    children: ['label', 'input', 'nve-control-message']\n  };\n}\n"],"mappings":";;;;;;;AAwBO,IAAA,IAAA,cAAuB,EAAQ;;iCAC2B;;;gBAElC,EAAU,CAAC,GAAG,EAAQ,QAAQ,EAAO,CAAC;;;kBAQxC;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAS;IAAsB;GACpD;;;GAdA,EAAS,EAAE,WAAW,eAAe,CAAC,CAAA,EAAA,EAAA,WAAA,cAAA,KAAA,EAAA,SAFxC,GAAO,CAAA,EAAA,EAAA"}
+{"version":3,"file":"checkbox2.js","names":[],"sources":["../../src/checkbox/checkbox.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { CSSResult } from 'lit';\nimport { audit, hostAttr, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport styles from './checkbox.css?inline';\n\n/**\n * @element nve-checkbox\n * @description A checkbox is a control that enables users to choose between two distinct mutually exclusive options (checked or unchecked, on or off) through a single click or tap.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/checkbox\n * @cssprop --cursor\n * @cssprop --width\n * @cssprop --height\n * @cssprop --border-width\n * @cssprop --border-radius\n * @cssprop --border-color\n * @cssprop --background\n * @cssprop --check-color\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/\n */\n@audit()\nexport class Checkbox extends Control {\n  @hostAttr({ attribute: 'nve-control' }) protected nveControl = 'inline';\n\n  static styles: CSSResult[] = useStyles([...Control.styles, styles]);\n\n  /** @private - disable for inline control */\n  declare fitText: boolean;\n\n  /** @private - disable for inline control */\n  declare fitContent: boolean;\n\n  static readonly metadata = {\n    tag: 'nve-checkbox',\n    version: '0.0.0',\n    children: ['label', 'input', 'nve-control-message']\n  };\n}\n"],"mappings":";;;;;;;AAwBO,IAAA,IAAA,cAAuB,EAAQ;;iCAC2B;;;gBAElC,EAAU,CAAC,GAAG,EAAQ,QAAQ,CAAM,CAAC;;;kBAQvC;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAS;GAAqB;EACpD;;AACF;GAfG,EAAS,EAAE,WAAW,cAAc,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,KAAA,CAAA,UAFvC,EAAM,CAAA,GAAA,CAAA"}

package/dist/checkbox/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/checkbox/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { Checkbox, CheckboxGroup } from '@nvidia-elements/core/checkbox';\nimport { Control, ControlGroup, ControlMessage } from '@nvidia-elements/core/forms';\n\ndefine(Checkbox);\ndefine(CheckboxGroup);\ndefine(Control);\ndefine(ControlGroup);\ndefine(ControlMessage);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-checkbox': Checkbox;\n    'nve-checkbox-group': CheckboxGroup;\n  }\n}\n"],"mappings":";;;;;;AAOA,EAAO,EAAS,EAChB,EAAO,EAAc,EACrB,EAAO,EAAQ,EACf,EAAO,EAAa,EACpB,EAAO,EAAe"}
+{"version":3,"file":"define.js","names":[],"sources":["../../src/checkbox/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { Checkbox, CheckboxGroup } from '@nvidia-elements/core/checkbox';\nimport { Control, ControlGroup, ControlMessage } from '@nvidia-elements/core/forms';\n\ndefine(Checkbox);\ndefine(CheckboxGroup);\ndefine(Control);\ndefine(ControlGroup);\ndefine(ControlMessage);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-checkbox': Checkbox;\n    'nve-checkbox-group': CheckboxGroup;\n  }\n}\n"],"mappings":";;;;;;AAOA,EAAO,CAAQ,GACf,EAAO,CAAa,GACpB,EAAO,CAAO,GACd,EAAO,CAAY,GACnB,EAAO,CAAc"}

package/dist/color/color2.js

@@ -1,5 +1,5 @@
 import { appendRootNodeStyle as e, openEyeDropper as t } from "../internal/utils/dom.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { scopedRegistry as r } from "../internal/decorators/scoped-registry.js";
 import { useStyles as i } from "../internal/styles/index.js";
 import { Control as a } from "../forms/control/control2.js";
@@ -21,7 +21,7 @@ var f = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-color",
-			version: "0.1.0"
+			version: "0.1.2"
 		};
 	}
 	static {

package/dist/color/color2.js.map

@@ -1 +1 @@
-{"version":3,"file":"color2.js","names":["#select"],"sources":["../../src/color/color.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { appendRootNodeStyle, openEyeDropper, scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport globalStyles from './color.global.css?inline';\nimport styles from './color.css?inline';\n\n/**\n * @element nve-color\n * @description A color picker is a control that enables users to choose a color value.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/color\n * @cssprop --cursor\n * @csspart icon-button - The eye dropper icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color\n */\n@scopedRegistry()\nexport class Color extends Control implements ContainerElement {\n  /**\n   * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.\n   * Use when embedding within another container such as a toolbar.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-color',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  protected get suffixContent() {\n    return html`<nve-icon-button part=\"icon-button\" .role=${'button'} .ariaLabel=${this.i18n.expand} icon-name=\"dropper\" container=\"inline\" @click=${() => this.#select()}></nve-icon-button>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n    if (this.input.value === '#000000') {\n      const color = getComputedStyle(this).getPropertyValue('--background').trim();\n      if (color.includes('#')) {\n        this.input.value = color;\n      }\n    }\n  }\n\n  async #select() {\n    this.input.value = await openEyeDropper();\n    this.input.dispatchEvent(new Event('input', { bubbles: true }));\n    this.input.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAuBO,IAAA,IAAA,cAAoB,EAAoC;;gBAO7C,EAAU;GAAC,GAAG,EAAQ;GAAQ;GAAa;GAAO,CAAC;;;kBAExC;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B,GACzB,EAAW,SAAS,MAAM,GAC5B;;CAED,IAAc,gBAAgB;AAC5B,SAAO,CAAI,8CAA6C,SAAS,gBAAc,KAAK,KAAK,OAAO,yDAAuD,MAAA,GAAc,CAAC;;CAGxK,oBAAoB;AAGlB,MAFA,MAAM,mBAAmB,EACzB,EAAoB,MAAM,EAAa,EACnC,KAAK,MAAM,UAAU,WAAW;GAClC,IAAM,IAAQ,iBAAiB,KAAK,CAAC,iBAAiB,eAAe,CAAC,MAAM;AAC5E,GAAI,EAAM,SAAS,IAAI,KACrB,KAAK,MAAM,QAAQ;;;CAKzB,OAAA,IAAgB;AAGd,EAFA,KAAK,MAAM,QAAQ,MAAM,GAAgB,EACzC,KAAK,MAAM,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,IAAM,CAAC,CAAC,EAC/D,KAAK,MAAM,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,IAAM,CAAC,CAAC;;;GA/BjE,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,SAN3C,GAAgB,CAAA,EAAA,EAAA"}
+{"version":3,"file":"color2.js","names":["#select"],"sources":["../../src/color/color.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { appendRootNodeStyle, openEyeDropper, scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport type { ContainerElement } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport { inputStyles } from '@nvidia-elements/core/input';\nimport globalStyles from './color.global.css?inline';\nimport styles from './color.css?inline';\n\n/**\n * @element nve-color\n * @description A color picker is a control that enables users to choose a color value.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/color\n * @cssprop --cursor\n * @csspart icon-button - The eye dropper icon button element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color\n */\n@scopedRegistry()\nexport class Color extends Control implements ContainerElement {\n  /**\n   * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.\n   * Use when embedding within another container such as a toolbar.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  static styles = useStyles([...Control.styles, inputStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-color',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  protected get suffixContent() {\n    return html`<nve-icon-button part=\"icon-button\" .role=${'button'} .ariaLabel=${this.i18n.expand} icon-name=\"dropper\" container=\"inline\" @click=${() => this.#select()}></nve-icon-button>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n    if (this.input.value === '#000000') {\n      const color = getComputedStyle(this).getPropertyValue('--background').trim();\n      if (color.includes('#')) {\n        this.input.value = color;\n      }\n    }\n  }\n\n  async #select() {\n    this.input.value = await openEyeDropper();\n    this.input.dispatchEvent(new Event('input', { bubbles: true }));\n    this.input.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAuBO,IAAA,IAAA,cAAoB,EAAoC;;gBAO7C,EAAU;GAAC,GAAG,EAAQ;GAAQ;GAAa;EAAM,CAAC;;;kBAEvC;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAW,SAAS,MAAM,EAC7B;;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,8CAA6C,SAAS,gBAAc,KAAK,KAAK,OAAO,yDAAuD,KAAKA,GAAQ,EAAE;CACxK;CAEA,oBAAoB;EAGlB,IAFA,MAAM,kBAAkB,GACxB,EAAoB,MAAM,CAAY,GAClC,KAAK,MAAM,UAAU,WAAW;GAClC,IAAM,IAAQ,iBAAiB,IAAI,EAAE,iBAAiB,cAAc,EAAE,KAAK;GAC3E,AAAI,EAAM,SAAS,GAAG,MACpB,KAAK,MAAM,QAAQ;EAEvB;CACF;CAEA,MAAMA,KAAU;EAGd,AAFA,KAAK,MAAM,QAAQ,MAAM,EAAe,GACxC,KAAK,MAAM,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,GAAK,CAAC,CAAC,GAC9D,KAAK,MAAM,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,GAAK,CAAC,CAAC;CACjE;AACF;GAjCG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,UAN1C,EAAe,CAAA,GAAA,CAAA"}

package/dist/color/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/color/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { Color } from '@nvidia-elements/core/color';\nimport { Control, ControlGroup, ControlMessage } from '@nvidia-elements/core/forms';\n\ndefine(Color);\ndefine(Control);\ndefine(ControlGroup);\ndefine(ControlMessage);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-color': Color;\n  }\n}\n"],"mappings":";;;;;AAOA,EAAO,EAAM,EACb,EAAO,EAAQ,EACf,EAAO,EAAa,EACpB,EAAO,EAAe"}
+{"version":3,"file":"define.js","names":[],"sources":["../../src/color/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { Color } from '@nvidia-elements/core/color';\nimport { Control, ControlGroup, ControlMessage } from '@nvidia-elements/core/forms';\n\ndefine(Color);\ndefine(Control);\ndefine(ControlGroup);\ndefine(ControlMessage);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-color': Color;\n  }\n}\n"],"mappings":";;;;;AAOA,EAAO,CAAK,GACZ,EAAO,CAAO,GACd,EAAO,CAAY,GACnB,EAAO,CAAc"}

package/dist/combobox/combobox2.js

@@ -1,7 +1,7 @@
 import { focusElementTimeout as e } from "../internal/utils/focus.js";
 import { getDisplayValue as t, getElementUpdate as n, getPropertyChanges as r } from "../internal/utils/dom.js";
 import { createLightDismiss as i } from "../internal/utils/keynav.js";
-import { __decorate as a } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
+import { __decorate as a } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { scopedRegistry as o } from "../internal/decorators/scoped-registry.js";
 import { useStyles as s } from "../internal/styles/index.js";
 import { Icon as c } from "../icon/icon2.js";
@@ -19,7 +19,7 @@ import { ifDefined as x } from "lit/directives/if-defined.js";
 //#region src/combobox/combobox.ts
 var S = class extends l {
 	constructor(...e) {
-		super(...e), this._associateDatalist = !1;
+		super(...e), this.#p = [], this.#m = !1, this._associateDatalist = !1, this.#C = /* @__PURE__ */ new Set();
 	}
 	static {
 		this.styles = s([
@@ -31,7 +31,7 @@ var S = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-combobox",
-			version: "0.1.0"
+			version: "0.1.2"
 		};
 	}
 	static {
@@ -82,8 +82,8 @@ var S = class extends l {
 		let t = e.toLowerCase();
 		return this.#i.find((e) => (e.textContent.trim() || e.value).toLowerCase() === t || e.value.toLowerCase() === t);
 	}
-	#p = [];
-	#m = !1;
+	#p;
+	#m;
 	get prefixContent() {
 		return this.#r?.multiple && !this.notags ? _`<div class="tags-label" aria-hidden="true">${this.#r.selectedOptions.length} ${this.i18n.selected}</div><div class="tags">${Array.from(this.#r.selectedOptions).map((e) => _`<nve-tag part="tag" readonly="readonly" color="gray-slate" closable .value="${e.value}" @click="${() => this.#M(e)}">${t(e)}</nve-tag>`)}</div>` : _`<slot name="prefix-icon"></slot>`;
 	}
@@ -151,7 +151,7 @@ var S = class extends l {
 			this.#x(), this.requestUpdate();
 		}));
 	}
-	#C = /* @__PURE__ */ new Set();
+	#C;
 	#w() {
 		this.#i.forEach((e) => {
 			this.#C.has(e) || (this.#C.add(e), r(e, "selected", () => this.requestUpdate()));