@nvidia-elements/core 0.0.2 → 0.0.4

package/dist/page-header/page-header.examples.json

@@ -24,7 +24,7 @@
       "id": "core-page-header_menu-button",
       "name": "MenuButton",
       "template": "<nve-page-header>\n  <nve-icon-button slot=\"prefix\" container=\"flat\" icon-name=\"menu\" aria-label=\"menu\"></nve-icon-button>\n  <nve-logo slot=\"prefix\" size=\"sm\"></nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">NVIDIA</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"chat-bubble\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"search\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"switch-apps\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\">EL</nve-icon-button>\n</nve-page-header>\n",
-      "summary": "Use a Icon Button to represent collapsible top level navigation, optimal for mobile or constrained viewport sizes.",
+      "summary": "Use a Icon Button to represent collapsible top-level navigation, optimal for mobile or constrained viewport sizes.",
       "description": "",
       "composition": true,
       "tags": []
@@ -60,7 +60,7 @@
       "id": "core-page-header_suffix-navigation",
       "name": "SuffixNavigation",
       "template": "<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\"></nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">NVIDIA</h2>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Features</a></nve-button>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Guide</a></nve-button>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Docs</a></nve-button>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Teams</a></nve-button>\n  <nve-button slot=\"suffix\" container=\"flat\"><a href=\"#\">Login</a></nve-button>\n  <nve-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\"><a href=\"#\">Start Building</a></nve-button>\n</nve-page-header>\n",
-      "summary": "Page header with all navigation positioned at the end for right-aligned layout patterns.",
+      "summary": "Page header with all navigation positioned at the end for common and persistent user actions between page navigation.",
       "description": "",
       "composition": true,
       "tags": []

package/dist/page-header/page-header2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-page-header",
-			version: "0.0.2"
+			version: "0.0.4"
 		};
 	}
 	render() {

package/dist/page-loader/page-loader.js

@@ -1,5 +1,5 @@
 //#region src/page-loader/page-loader.css?inline
-var e = ":host{margin:auto;height:fit-content;inset:0;--gap: var(--nve-ref-space-sm)}[internal-host]{gap:var(--gap);display:flex;flex-direction:column;align-items:center}[internal-host]{outline:0}:host::backdrop{background:#00000080}";
+var e = ":host{inset:0!important;margin:auto;height:fit-content;--gap: var(--nve-ref-space-sm)}[internal-host]{gap:var(--gap);display:flex;flex-direction:column;align-items:center}[internal-host]{outline:0}:host::backdrop{background:#00000080}";
 //#endregion
 export { e as default };
 

package/dist/page-loader/page-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-loader.js","names":[],"sources":["../../src/page-loader/page-loader.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  margin: auto;\n  height: fit-content;\n  inset: 0;\n  --gap: var(--nve-ref-space-sm);\n}\n\n[internal-host] {\n  gap: var(--gap);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n[internal-host] {\n  outline: 0;\n}\n\n:host::backdrop {\n  /* not available on top layer */\n  background: hsl(0 0% 0% / 0.5); /* eslint-disable-line @nvidia-elements/lint/no-unexpected-css-value */\n}\n"],"mappings":""}
+{"version":3,"file":"page-loader.js","names":[],"sources":["../../src/page-loader/page-loader.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  inset: 0 !important;\n  margin: auto;\n  height: fit-content;\n  --gap: var(--nve-ref-space-sm);\n}\n\n[internal-host] {\n  gap: var(--gap);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n[internal-host] {\n  outline: 0;\n}\n\n:host::backdrop {\n  /* not available on top layer */\n  background: hsl(0 0% 0% / 0.5); /* eslint-disable-line @nvidia-elements/lint/no-unexpected-css-value */\n}\n"],"mappings":""}

package/dist/page-loader/page-loader2.js

@@ -1,4 +1,4 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { TypeNativePopoverController as t } from "../internal/controllers/type-native-popover.controller.js";
 import { scopedRegistry as n } from "../internal/decorators/scoped-registry.js";
 import { useStyles as r } from "../internal/styles/index.js";
@@ -18,7 +18,7 @@ var u = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-page-loader",
-			version: "0.0.2"
+			version: "0.0.4"
 		};
 	}
 	static {

package/dist/pagination/pagination2.js

@@ -1,6 +1,6 @@
 import { formatStandardNumber as e } from "../internal/utils/objects.js";
 import { attachInternals as t } from "../internal/utils/a11y.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { I18nController as r } from "../internal/controllers/i18n.controller.js";
 import { keyNavigationList as i } from "../internal/controllers/keynav-list.controller.js";
 import { typeSSR as a } from "../internal/controllers/type-ssr.controller.js";
@@ -21,7 +21,7 @@ var g = class extends h(d) {
 	static {
 		this.metadata = {
 			tag: "nve-pagination",
-			version: "0.0.2",
+			version: "0.0.4",
 			valueSchema: { type: "number" }
 		};
 	}

package/dist/panel/panel2.js

@@ -1,6 +1,6 @@
 import { attachInternals as e } from "../internal/utils/a11y.js";
 import { stateExpanded as t } from "../internal/controllers/state-expanded.controller.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { I18nController as r } from "../internal/controllers/i18n.controller.js";
 import { TypeExpandableController as i } from "../internal/controllers/type-expandable.controller.js";
 import { scopedRegistry as a } from "../internal/decorators/scoped-registry.js";
@@ -21,7 +21,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-header",
-			version: "0.0.2"
+			version: "0.0.4"
 		};
 	}
 	render() {
@@ -37,7 +37,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-content",
-			version: "0.0.2"
+			version: "0.0.4"
 		};
 	}
 	render() {
@@ -50,7 +50,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-footer",
-			version: "0.0.2"
+			version: "0.0.4"
 		};
 	}
 	render() {
@@ -69,7 +69,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel",
-			version: "0.0.2"
+			version: "0.0.4"
 		};
 	}
 	static {

package/dist/password/define.js

@@ -1,7 +1,9 @@
 import { define as e } from "../internal/utils/dom.js";
-import { Password as t } from "./password2.js";
-//#region src/password/define.ts
-e(t);
+import { ControlMessage as t } from "../forms/control-message/control-message2.js";
+import { Control as n } from "../forms/control/control2.js";
+import { ControlGroup as r } from "../forms/control-group/control-group2.js";
+import { Password as i } from "./password2.js";
+e(i), e(n), e(r), e(t);
 //#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/password/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/password/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 { Password } from '@nvidia-elements/core/password';\nimport '@nvidia-elements/core/forms/define.js';\n\ndefine(Password);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-password': Password;\n  }\n}\n"],"mappings":";;;AAOA,EAAO,EAAS"}
+{"version":3,"file":"define.js","names":[],"sources":["../../src/password/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 { Password } from '@nvidia-elements/core/password';\nimport { Control, ControlGroup, ControlMessage } from '@nvidia-elements/core/forms';\n\ndefine(Password);\ndefine(Control);\ndefine(ControlGroup);\ndefine(ControlMessage);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-password': Password;\n  }\n}\n"],"mappings":";;;;;AAOA,EAAO,EAAS,EAChB,EAAO,EAAQ,EACf,EAAO,EAAa,EACpB,EAAO,EAAe"}

package/dist/password/password2.js

@@ -1,4 +1,4 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { scopedRegistry as t } from "../internal/decorators/scoped-registry.js";
 import { useStyles as n } from "../internal/styles/index.js";
 import { Control as r } from "../forms/control/control2.js";
@@ -23,7 +23,7 @@ var u = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-password",
-			version: "0.0.2"
+			version: "0.0.4"
 		};
 	}
 	static {

package/dist/preferences-input/preferences-input2.js

@@ -1,4 +1,4 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { I18nController as t } from "../internal/controllers/i18n.controller.js";
 import { scopedRegistry as n } from "../internal/decorators/scoped-registry.js";
 import { useStyles as r } from "../internal/styles/index.js";
@@ -43,7 +43,7 @@ var x = class extends g(d) {
 	static {
 		this.metadata = {
 			tag: "nve-preferences-input",
-			version: "0.0.2",
+			version: "0.0.4",
 			valueSchema: {
 				type: "object",
 				properties: {

package/dist/progress-bar/progress-bar2.js

@@ -1,4 +1,4 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { scopedRegistry as t } from "../internal/decorators/scoped-registry.js";
 import { useStyles as n } from "../internal/styles/index.js";
 import r from "./progress-bar.js";
@@ -16,7 +16,7 @@ var c = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-progress-bar",
-			version: "0.0.2"
+			version: "0.0.4"
 		};
 	}
 	render() {

package/dist/progress-ring/progress-ring2.js

@@ -1,5 +1,5 @@
 import { attachInternals as e } from "../internal/utils/a11y.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { I18nController as n } from "../internal/controllers/i18n.controller.js";
 import { scopedRegistry as r } from "../internal/decorators/scoped-registry.js";
 import { useStyles as i } from "../internal/styles/index.js";
@@ -20,7 +20,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-progress-ring",
-			version: "0.0.2"
+			version: "0.0.4"
 		};
 	}
 	static {

package/dist/progressive-filter-chip/progressive-filter-chip2.js

@@ -1,6 +1,6 @@
 import { appendRootNodeStyle as e, generateId as t } from "../internal/utils/dom.js";
 import { attachInternals as n } from "../internal/utils/a11y.js";
-import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { I18nController as i } from "../internal/controllers/i18n.controller.js";
 import { TypeClosableController as a } from "../internal/controllers/type-closable.controller.js";
 import { typeSSR as o } from "../internal/controllers/type-ssr.controller.js";
@@ -23,7 +23,7 @@ var b = class extends h {
 	static {
 		this.metadata = {
 			tag: "nve-progressive-filter-chip",
-			version: "0.0.2"
+			version: "0.0.4"
 		};
 	}
 	static {

package/dist/pulse/pulse2.js

@@ -1,5 +1,5 @@
 import { attachInternals as e } from "../internal/utils/a11y.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { useStyles as n } from "../internal/styles/index.js";
 import { Icon as r } from "../icon/icon2.js";
 import i from "./pulse.js";
@@ -13,7 +13,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-pulse",
-			version: "0.0.2"
+			version: "0.0.4"
 		};
 	}
 	static {

package/dist/radio/define.js

@@ -1,7 +1,10 @@
 import { define as e } from "../internal/utils/dom.js";
-import { Radio as t } from "./radio2.js";
-import { RadioGroup as n } from "./radio-group2.js";
-e(t), e(n);
+import { ControlMessage as t } from "../forms/control-message/control-message2.js";
+import { Control as n } from "../forms/control/control2.js";
+import { ControlGroup as r } from "../forms/control-group/control-group2.js";
+import { Radio as i } from "./radio2.js";
+import { RadioGroup as a } from "./radio-group2.js";
+e(i), e(a), e(n), e(r), e(t);
 //#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/radio/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/radio/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 { Radio, RadioGroup } from '@nvidia-elements/core/radio';\nimport '@nvidia-elements/core/forms/define.js';\n\ndefine(Radio);\ndefine(RadioGroup);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-radio': Radio;\n    'nve-radio-group': RadioGroup;\n  }\n}\n"],"mappings":";;;AAOA,EAAO,EAAM,EACb,EAAO,EAAW"}
+{"version":3,"file":"define.js","names":[],"sources":["../../src/radio/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 { Radio, RadioGroup } from '@nvidia-elements/core/radio';\nimport { Control, ControlGroup, ControlMessage } from '@nvidia-elements/core/forms';\n\ndefine(Radio);\ndefine(RadioGroup);\ndefine(Control);\ndefine(ControlGroup);\ndefine(ControlMessage);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-radio': Radio;\n    'nve-radio-group': RadioGroup;\n  }\n}\n"],"mappings":";;;;;;AAOA,EAAO,EAAM,EACb,EAAO,EAAW,EAClB,EAAO,EAAQ,EACf,EAAO,EAAa,EACpB,EAAO,EAAe"}

package/dist/radio/radio-group2.js

@@ -1,4 +1,4 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.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-radio-group",
-			version: "0.0.2",
+			version: "0.0.4",
 			children: [
 				"label",
 				"nve-control-message",

package/dist/radio/radio2.js

@@ -1,4 +1,4 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.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-radio",
-			version: "0.0.2",
+			version: "0.0.4",
 			children: [
 				"label",
 				"input",

package/dist/range/define.js

@@ -1,7 +1,9 @@
 import { define as e } from "../internal/utils/dom.js";
-import { Range as t } from "./range2.js";
-//#region src/range/define.ts
-e(t);
+import { ControlMessage as t } from "../forms/control-message/control-message2.js";
+import { Control as n } from "../forms/control/control2.js";
+import { ControlGroup as r } from "../forms/control-group/control-group2.js";
+import { Range as i } from "./range2.js";
+e(i), e(n), e(r), e(t);
 //#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/range/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/range/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 { Range } from '@nvidia-elements/core/range';\nimport '@nvidia-elements/core/forms/define.js';\n\ndefine(Range);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-range': Range;\n  }\n}\n"],"mappings":";;;AAOA,EAAO,EAAM"}
+{"version":3,"file":"define.js","names":[],"sources":["../../src/range/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 { Range } from '@nvidia-elements/core/range';\nimport { Control, ControlGroup, ControlMessage } from '@nvidia-elements/core/forms';\n\ndefine(Range);\ndefine(Control);\ndefine(ControlGroup);\ndefine(ControlMessage);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-range': Range;\n  }\n}\n"],"mappings":";;;;;AAOA,EAAO,EAAM,EACb,EAAO,EAAQ,EACf,EAAO,EAAa,EACpB,EAAO,EAAe"}

package/dist/range/range2.js

@@ -1,5 +1,5 @@
 import { appendRootNodeStyle as e, getElementUpdate as t } from "../internal/utils/dom.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { useStyles as r } from "../internal/styles/index.js";
 import { Control as i } from "../forms/control/control2.js";
 import a from "./range.global.js";
@@ -17,7 +17,7 @@ var d = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-range",
-			version: "0.0.2"
+			version: "0.0.4"
 		};
 	}
 	connectedCallback() {

package/dist/resize-handle/resize-handle.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize-handle.examples.js","names":[],"sources":["../../src/resize-handle/resize-handle.examples.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 '@nvidia-elements/core/forms/define.js';\nimport '@nvidia-elements/core/resize-handle/define.js';\n\nexport default {\n  title: 'Elements/Resize Handle',\n  component: 'nve-resize-handle',\n};\n\n/**\n * @summary Basic horizontal resize handle for draggable panel dividers and split pane interfaces.\n */\nexport const Default = {\n  render: () => html`\n<nve-resize-handle></nve-resize-handle>`\n};\n\n/**\n * @summary Vertical resize handle for side-by-side panel layouts and horizontal split panes.\n */\nexport const Vertical = {\n  render: () => html`\n<div style=\"height: 200px;\">\n  <nve-resize-handle orientation=\"vertical\"></nve-resize-handle>\n</div>\n`\n};\n\n/**\n * @summary Horizontal split pane with draggable divider that adjusts top and bottom panel heights.\n */\nexport const SplitHorizontal = {\n  render: () => html`\n<section id=\"split-horizontal-demo\" style=\"display: grid; width: 250px; height: 250px; grid-template-rows: 1fr auto 1fr; border: 1px solid var(--nve-ref-border-color)\">\n  <div style=\"background: hsla(0, 0%, 65%, 0.1)\"></div>\n  <nve-resize-handle min=\"20\" max=\"230\" value=\"125\" step=\"20\"></nve-resize-handle>\n  <div></div>\n</section>\n<script type=\"module\">\n  const handle = document.querySelector('#split-horizontal-demo nve-resize-handle');\n  const split = document.querySelector('#split-horizontal-demo');\n  handle.addEventListener('input', e => split.style.gridTemplateRows = '1fr auto ' + e.target.value + 'px');\n</script>\n`\n};\n\n/**\n * @summary Vertical split pane with draggable divider that adjusts left and right panel widths.\n */\nexport const SplitVertical = {\n  render: () => html`\n<section id=\"split-vertical-demo\" style=\"display: grid; width: 250px; height: 250px; grid-template-columns: 1fr auto 1fr; border: 1px solid var(--nve-ref-border-color)\">\n  <div style=\"background: hsla(0, 0%, 65%, 0.1)\"></div>\n  <nve-resize-handle orientation=\"vertical\" min=\"20\" max=\"230\" value=\"125\" step=\"20\"></nve-resize-handle>\n  <div></div>\n</section>\n<script type=\"module\">\n  const handle = document.querySelector('#split-vertical-demo nve-resize-handle');\n  const split = document.querySelector('#split-vertical-demo');\n  handle.addEventListener('input', e => split.style.gridTemplateColumns = e.target.value + 'px auto 1fr');\n</script>\n`\n};\n\n/**\n * @summary Resize handle as a form control with name attribute for submitting resize values.\n */\nexport const Form = {\n  render: () => html`\n<form id=\"form-demo\" nve-layout=\"column gap:lg\">\n  <section style=\"display: grid; width: 250px; height: 250px; grid-template-rows: 1fr auto 1fr; border: 1px solid var(--nve-ref-border-color)\">\n    <div></div>\n    <nve-resize-handle name=\"resize\" min=\"20\" max=\"230\" value=\"125\" step=\"20\"></nve-resize-handle>\n    <div style=\"background: hsla(0, 0%, 65%, 0.1)\"></div>\n  </section>\n  <nve-button>submit</nve-button>\n</form>\n<script type=\"module\">\n  const form = document.querySelector('#form-demo');\n  const split = document.querySelector('#form-demo section');\n  const handle = document.querySelector('#form-demo nve-resize-handle');\n\n  form.addEventListener('submit', e => {\n    e.preventDefault();\n    console.log(Object.fromEntries(new FormData(form)));\n    console.log(handle.form)\n  });\n\n  handle.addEventListener('change', e => {\n    console.log('change', e.target.value);\n  });\n\n  handle.addEventListener('input', e => {\n    console.log('input', e.target.value);\n    split.style.gridTemplateRows = '1fr auto ' + e.target.value + 'px';\n  });\n</script>\n`\n};\n\n/**\n * @summary Resize handle with prevented default toggle to disable snap-to-boundary on double-click. Use when the default collapse/expand behavior conflicts with custom resize constraints or when you need full control over toggle logic.\n */\nexport const PreventDefault = {\n  render: () => html`\n<form id=\"prevent-default-demo\" nve-layout=\"column gap:lg\">\n  <section style=\"display: grid; width: 250px; height: 250px; grid-template-rows: 1fr auto 1fr; border: 1px solid var(--nve-ref-border-color)\">\n    <div></div>\n    <nve-resize-handle name=\"resize\" min=\"20\" max=\"230\" value=\"125\" step=\"20\"></nve-resize-handle>\n    <div style=\"background: hsla(0, 0%, 65%, 0.1)\"></div>\n  </section>\n</form>\n<script type=\"module\">\n  const split = document.querySelector('#prevent-default-demo section');\n  const handle = document.querySelector('#prevent-default-demo nve-resize-handle');\n\n  handle.addEventListener('toggle', e => {\n    e.preventDefault();\n    console.log('toggle defaultPrevented:', e.defaultPrevented);\n  });\n\n  handle.addEventListener('input', e => {\n    split.style.gridTemplateRows = '1fr auto ' + e.target.value + 'px';\n  });\n</script>\n`\n};\n\n/**\n * @summary Custom line width styling for resize handle visibility using CSS custom property.\n */\nexport const LineWidth = {\n  render: () => html`\n<div style=\"height: 200px;\">\n  <nve-resize-handle orientation=\"vertical\" style=\"--line-width: 6px\"></nve-resize-handle>\n</div>\n`\n};\n"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"resize-handle.examples.js","names":[],"sources":["../../src/resize-handle/resize-handle.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/* eslint-disable local-typescript/example-css-quality */\n/* eslint-disable local-typescript/example-metadata */\nimport { html } from 'lit';\nimport '@nvidia-elements/core/forms/define.js';\nimport '@nvidia-elements/core/resize-handle/define.js';\n\nexport default {\n  title: 'Elements/Resize Handle',\n  component: 'nve-resize-handle',\n};\n\n/**\n * @summary Basic horizontal resize handle for draggable panel dividers and split pane interfaces.\n */\nexport const Default = {\n  render: () => html`\n<nve-resize-handle></nve-resize-handle>`\n};\n\n/**\n * @summary Vertical resize handle for side-by-side panel layouts and horizontal split panes.\n */\nexport const Vertical = {\n  render: () => html`\n<div style=\"height: 200px;\">\n  <nve-resize-handle orientation=\"vertical\"></nve-resize-handle>\n</div>\n`\n};\n\n/**\n * @summary Horizontal split pane with draggable divider that adjusts top and bottom panel heights.\n */\nexport const SplitHorizontal = {\n  render: () => html`\n<section id=\"split-horizontal-demo\" style=\"display: grid; width: 250px; height: 250px; grid-template-rows: 1fr auto 1fr; border: 1px solid var(--nve-ref-border-color)\">\n  <div style=\"background: hsla(0, 0%, 65%, 0.1)\"></div>\n  <nve-resize-handle min=\"20\" max=\"230\" value=\"125\" step=\"20\"></nve-resize-handle>\n  <div></div>\n</section>\n<script type=\"module\">\n  const handle = document.querySelector('#split-horizontal-demo nve-resize-handle');\n  const split = document.querySelector('#split-horizontal-demo');\n  handle.addEventListener('input', e => split.style.gridTemplateRows = '1fr auto ' + e.target.value + 'px');\n</script>\n`\n};\n\n/**\n * @summary Vertical split pane with draggable divider that adjusts left and right panel widths.\n */\nexport const SplitVertical = {\n  render: () => html`\n<section id=\"split-vertical-demo\" style=\"display: grid; width: 250px; height: 250px; grid-template-columns: 1fr auto 1fr; border: 1px solid var(--nve-ref-border-color)\">\n  <div style=\"background: hsla(0, 0%, 65%, 0.1)\"></div>\n  <nve-resize-handle orientation=\"vertical\" min=\"20\" max=\"230\" value=\"125\" step=\"20\"></nve-resize-handle>\n  <div></div>\n</section>\n<script type=\"module\">\n  const handle = document.querySelector('#split-vertical-demo nve-resize-handle');\n  const split = document.querySelector('#split-vertical-demo');\n  handle.addEventListener('input', e => split.style.gridTemplateColumns = e.target.value + 'px auto 1fr');\n</script>\n`\n};\n\n/**\n * @summary Resize handle as a form control with name attribute for submitting resize values.\n */\nexport const Form = {\n  render: () => html`\n<form id=\"form-demo\" nve-layout=\"column gap:lg\">\n  <section style=\"display: grid; width: 250px; height: 250px; grid-template-rows: 1fr auto 1fr; border: 1px solid var(--nve-ref-border-color)\">\n    <div></div>\n    <nve-resize-handle name=\"resize\" min=\"20\" max=\"230\" value=\"125\" step=\"20\"></nve-resize-handle>\n    <div style=\"background: hsla(0, 0%, 65%, 0.1)\"></div>\n  </section>\n  <nve-button>submit</nve-button>\n</form>\n<script type=\"module\">\n  const form = document.querySelector('#form-demo');\n  const split = document.querySelector('#form-demo section');\n  const handle = document.querySelector('#form-demo nve-resize-handle');\n\n  form.addEventListener('submit', e => {\n    e.preventDefault();\n    console.log(Object.fromEntries(new FormData(form)));\n    console.log(handle.form)\n  });\n\n  handle.addEventListener('change', e => {\n    console.log('change', e.target.value);\n  });\n\n  handle.addEventListener('input', e => {\n    console.log('input', e.target.value);\n    split.style.gridTemplateRows = '1fr auto ' + e.target.value + 'px';\n  });\n</script>\n`\n};\n\n/**\n * @summary Resize handle with prevented default toggle to disable snap-to-boundary on double-click. Use when the default collapse/expand behavior conflicts with custom resize constraints or when you need full control over toggle logic.\n */\nexport const PreventDefault = {\n  render: () => html`\n<form id=\"prevent-default-demo\" nve-layout=\"column gap:lg\">\n  <section style=\"display: grid; width: 250px; height: 250px; grid-template-rows: 1fr auto 1fr; border: 1px solid var(--nve-ref-border-color)\">\n    <div></div>\n    <nve-resize-handle name=\"resize\" min=\"20\" max=\"230\" value=\"125\" step=\"20\"></nve-resize-handle>\n    <div style=\"background: hsla(0, 0%, 65%, 0.1)\"></div>\n  </section>\n</form>\n<script type=\"module\">\n  const split = document.querySelector('#prevent-default-demo section');\n  const handle = document.querySelector('#prevent-default-demo nve-resize-handle');\n\n  handle.addEventListener('toggle', e => {\n    e.preventDefault();\n    console.log('toggle defaultPrevented:', e.defaultPrevented);\n  });\n\n  handle.addEventListener('input', e => {\n    split.style.gridTemplateRows = '1fr auto ' + e.target.value + 'px';\n  });\n</script>\n`\n};\n\n/**\n * @summary Custom line width styling for resize handle visibility using CSS custom property.\n * @tags theme\n */\nexport const LineWidth = {\n  render: () => html`\n<div style=\"height: 200px;\">\n  <nve-resize-handle orientation=\"vertical\" style=\"--line-width: 6px\"></nve-resize-handle>\n</div>\n`\n};\n"],"mappings":";AAKA,IAAA,IAAS"}

package/dist/resize-handle/resize-handle.examples.json

@@ -63,7 +63,9 @@
       "summary": "Custom line width styling for resize handle visibility using CSS custom property.",
       "description": "",
       "composition": false,
-      "tags": []
+      "tags": [
+        "theme"
+      ]
     }
   ]
 }

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

@@ -1,4 +1,4 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { I18nController as t } from "../internal/controllers/i18n.controller.js";
 import { typeTouch as n } from "../internal/controllers/type-touch.controller.js";
 import { useStyles as r } from "../internal/styles/index.js";
@@ -18,7 +18,7 @@ var u = class extends l(a) {
 	static {
 		this.metadata = {
 			tag: "nve-resize-handle",
-			version: "0.0.2",
+			version: "0.0.4",
 			valueSchema: { type: "number" }
 		};
 	}

package/dist/search/define.js

@@ -1,7 +1,9 @@
 import { define as e } from "../internal/utils/dom.js";
-import { Search as t } from "./search2.js";
-//#region src/search/define.ts
-e(t);
+import { ControlMessage as t } from "../forms/control-message/control-message2.js";
+import { Control as n } from "../forms/control/control2.js";
+import { ControlGroup as r } from "../forms/control-group/control-group2.js";
+import { Search as i } from "./search2.js";
+e(i), e(n), e(r), e(t);
 //#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/search/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/search/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 { Search } from '@nvidia-elements/core/search';\nimport '@nvidia-elements/core/forms/define.js';\n\ndefine(Search);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-search': Search;\n  }\n}\n"],"mappings":";;;AAOA,EAAO,EAAO"}
+{"version":3,"file":"define.js","names":[],"sources":["../../src/search/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 { Search } from '@nvidia-elements/core/search';\nimport { Control, ControlGroup, ControlMessage } from '@nvidia-elements/core/forms';\n\ndefine(Search);\ndefine(Control);\ndefine(ControlGroup);\ndefine(ControlMessage);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-search': Search;\n  }\n}\n"],"mappings":";;;;;AAOA,EAAO,EAAO,EACd,EAAO,EAAQ,EACf,EAAO,EAAa,EACpB,EAAO,EAAe"}

package/dist/search/search2.js

@@ -1,4 +1,4 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { scopedRegistry as t } from "../internal/decorators/scoped-registry.js";
 import { useStyles as n } from "../internal/styles/index.js";
 import { Control as r } from "../forms/control/control2.js";
@@ -22,7 +22,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-search",
-			version: "0.0.2"
+			version: "0.0.4"
 		};
 	}
 	static {

package/dist/select/define.js

@@ -1,7 +1,9 @@
 import { define as e } from "../internal/utils/dom.js";
-import { Select as t } from "./select2.js";
-//#region src/select/define.ts
-e(t);
+import { ControlMessage as t } from "../forms/control-message/control-message2.js";
+import { Control as n } from "../forms/control/control2.js";
+import { ControlGroup as r } from "../forms/control-group/control-group2.js";
+import { Select as i } from "./select2.js";
+e(i), e(n), e(r), e(t);
 //#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/select/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/select/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 { Select } from '@nvidia-elements/core/select';\nimport '@nvidia-elements/core/forms/define.js';\n\ndefine(Select);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-select': Select;\n  }\n}\n"],"mappings":";;;AAOA,EAAO,EAAO"}
+{"version":3,"file":"define.js","names":[],"sources":["../../src/select/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 { Select } from '@nvidia-elements/core/select';\nimport { Control, ControlGroup, ControlMessage } from '@nvidia-elements/core/forms';\n\ndefine(Select);\ndefine(Control);\ndefine(ControlGroup);\ndefine(ControlMessage);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-select': Select;\n  }\n}\n"],"mappings":";;;;;AAOA,EAAO,EAAO,EACd,EAAO,EAAQ,EACf,EAAO,EAAa,EACpB,EAAO,EAAe"}

package/dist/select/select2.js

@@ -1,7 +1,7 @@
 import { focusElementTimeout as e, onListboxActivate as t } from "../internal/utils/focus.js";
 import { getElementUpdate as n } from "../internal/utils/dom.js";
 import { onChildListMutation as r } from "../internal/utils/events.js";
-import { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { I18nController as a, i18n as o } from "../internal/controllers/i18n.controller.js";
 import { scopedRegistry as s } from "../internal/decorators/scoped-registry.js";
 import { useStyles as c } from "../internal/styles/index.js";
@@ -26,7 +26,7 @@ var b = class extends u {
 	static {
 		this.metadata = {
 			tag: "nve-select",
-			version: "0.0.2"
+			version: "0.0.4"
 		};
 	}
 	static {

package/dist/skeleton/skeleton.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.examples.js","names":[],"sources":["../../src/skeleton/skeleton.examples.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 '@nvidia-elements/core/skeleton/define.js';\n\nexport default {\n  title: 'Elements/Skeleton',\n  component: 'nve-skeleton',\n};\n\n/**\n * @summary Basic skeleton component for text content. Placeholder lines appear while content loads.\n */\nexport const Default = {\n  render: () => html`\n<div nve-layout=\"column gap:xs align:stretch\">\n  <nve-skeleton></nve-skeleton>\n  <nve-skeleton style=\"width: 90%\"></nve-skeleton>\n  <nve-skeleton style=\"width: 80%\"></nve-skeleton>\n</div>`\n};\n\n/**\n * @summary Skeleton loading effects including pulse and shimmer animations. Use pulse for subtle breathing motion or shimmer for a scanning highlight that conveys active content loading.\n */\nexport const Effect = {\n  render: () => html`\n<div nve-layout=\"column gap:xs align:stretch\">\n  <nve-skeleton></nve-skeleton>\n  <nve-skeleton effect=\"pulse\"></nve-skeleton>\n  <nve-skeleton effect=\"shimmer\"></nve-skeleton>\n</div>`\n}\n\n/**\n * @summary Skeleton shape variants including default rectangle, pill, and round. Use pill for button or tag placeholders and round for avatar or icon placeholders to match the final content shape.\n */\nexport const Shape = {\n  render: () => html`\n<div nve-layout=\"column gap:xs align:stretch\">\n  <nve-skeleton></nve-skeleton>\n  <nve-skeleton shape=\"pill\"></nve-skeleton>\n  <nve-skeleton shape=\"round\" style=\"width: 40px; height: 40px;\"></nve-skeleton>\n</div>`\n}\n\n/**\n * @summary Skeleton with slotted content that automatically hides the placeholder when real content arrives. Use to wrap lazy-loaded content so the skeleton disappears once data loads without manual state management.\n */\nexport const Slotted = {\n  render: () => html`\n<div nve-layout=\"column gap:xs align:stretch\">\n  <nve-skeleton></nve-skeleton>\n  <nve-skeleton effect=\"shimmer\">slotting content will hide the skeleton</nve-skeleton>\n  <nve-skeleton effect=\"shimmer\">  </nve-skeleton>\n</div>`\n}\n"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"skeleton.examples.js","names":[],"sources":["../../src/skeleton/skeleton.examples.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 '@nvidia-elements/core/skeleton/define.js';\n\nexport default {\n  title: 'Elements/Skeleton',\n  component: 'nve-skeleton',\n};\n\n/**\n * @summary Basic skeleton component for text content. Placeholder lines appear while content loads.\n */\nexport const Default = {\n  render: () => html`\n<div nve-layout=\"column gap:xs align:stretch\">\n  <nve-skeleton></nve-skeleton>\n  <nve-skeleton style=\"width: 90%\"></nve-skeleton>\n  <nve-skeleton style=\"width: 80%\"></nve-skeleton>\n</div>`\n};\n\n/**\n * @summary Skeleton loading effects including pulse and shimmer animations. Use pulse for subtle breathing motion or shimmer for a scanning highlight that conveys active content loading.\n */\nexport const Effect = {\n  render: () => html`\n<div nve-layout=\"column gap:xs align:stretch\">\n  <nve-skeleton></nve-skeleton>\n  <nve-skeleton effect=\"pulse\"></nve-skeleton>\n  <nve-skeleton effect=\"shimmer\"></nve-skeleton>\n</div>`\n}\n\n/**\n * @summary Skeleton shape variants including default rectangle, pill, and round. Use pill for button or tag placeholders and round for avatar or icon placeholders to match the final content shape.\n * @tags theme\n */\nexport const Shape = {\n  render: () => html`\n<div nve-layout=\"column gap:xs align:stretch\">\n  <nve-skeleton></nve-skeleton>\n  <nve-skeleton shape=\"pill\"></nve-skeleton>\n  <nve-skeleton shape=\"round\" style=\"width: 40px; height: 40px;\"></nve-skeleton>\n</div>`\n}\n\n/**\n * @summary Skeleton with slotted content that automatically hides the placeholder when real content arrives. Use to wrap lazy-loaded content so the skeleton disappears once data loads without manual state management.\n */\nexport const Slotted = {\n  render: () => html`\n<div nve-layout=\"column gap:xs align:stretch\">\n  <nve-skeleton></nve-skeleton>\n  <nve-skeleton effect=\"shimmer\">slotting content will hide the skeleton</nve-skeleton>\n  <nve-skeleton effect=\"shimmer\">  </nve-skeleton>\n</div>`\n}\n"],"mappings":";AAGA,IAAA,IAAS"}

package/dist/skeleton/skeleton.examples.json

@@ -27,7 +27,9 @@
       "summary": "Skeleton shape variants including default rectangle, pill, and round. Use pill for button or tag placeholders and round for avatar or icon placeholders to match the final content shape.",
       "description": "",
       "composition": false,
-      "tags": []
+      "tags": [
+        "theme"
+      ]
     },
     {
       "id": "core-skeleton_slotted",

package/dist/skeleton/skeleton2.js

@@ -1,5 +1,5 @@
 import { attachInternals as e } from "../internal/utils/a11y.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { useStyles as n } from "../internal/styles/index.js";
 import r from "./skeleton.js";
 import { LitElement as i, html as a } from "lit";
@@ -15,7 +15,7 @@ var s = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-skeleton",
-			version: "0.0.2"
+			version: "0.0.4"
 		};
 	}
 	render() {

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

@@ -1,4 +1,4 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { BaseButton as t } from "../internal/base/button.js";
 import { I18nController as n } from "../internal/controllers/i18n.controller.js";
 import { scopedRegistry as r } from "../internal/decorators/scoped-registry.js";
@@ -19,7 +19,7 @@ var l = {
 	static {
 		this.metadata = {
 			tag: "nve-sort-button",
-			version: "0.0.2"
+			version: "0.0.4"
 		};
 	}
 	static {