@nvidia-elements/core 0.2.2 → 0.2.4

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

@@ -1,7 +1,7 @@
 import { LogService as e } from "../internal/services/log.service.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { typeSSR as n } from "../internal/controllers/type-ssr.controller.js";
-import { useStyles as r } from "../internal/styles/index.js";
+import { typeSSR as t } from "../internal/controllers/type-ssr.controller.js";
+import { useStyles as n } from "../internal/styles/index.js";
+import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
 import i from "./format-number.js";
 import { LitElement as a, html as o } from "lit";
 import { property as s } from "lit/decorators/property.js";
@@ -24,12 +24,12 @@ var c = [
 		super(...e), this.formatStyle = "decimal";
 	}
 	static {
-		this.styles = r([i]);
+		this.styles = n([i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-format-number",
-			version: "0.2.2"
+			version: "0.2.4"
 		};
 	}
 	get #e() {
@@ -74,37 +74,37 @@ var c = [
 		this.requestUpdate();
 	}
 };
-t([s({ type: String })], u.prototype, "number", void 0), t([s({ type: String })], u.prototype, "locale", void 0), t([s({
+r([s({ type: String })], u.prototype, "number", void 0), r([s({ type: String })], u.prototype, "locale", void 0), r([s({
 	type: String,
 	attribute: "format-style"
-})], u.prototype, "formatStyle", void 0), t([s({ type: String })], u.prototype, "currency", void 0), t([s({
+})], u.prototype, "formatStyle", void 0), r([s({ type: String })], u.prototype, "currency", void 0), r([s({
 	type: String,
 	attribute: "currency-sign"
-})], u.prototype, "currencySign", void 0), t([s({
+})], u.prototype, "currencySign", void 0), r([s({
 	type: String,
 	attribute: "currency-display"
-})], u.prototype, "currencyDisplay", void 0), t([s({ type: String })], u.prototype, "unit", void 0), t([s({
+})], u.prototype, "currencyDisplay", void 0), r([s({ type: String })], u.prototype, "unit", void 0), r([s({
 	type: String,
 	attribute: "unit-display"
-})], u.prototype, "unitDisplay", void 0), t([s({ type: String })], u.prototype, "notation", void 0), t([s({
+})], u.prototype, "unitDisplay", void 0), r([s({ type: String })], u.prototype, "notation", void 0), r([s({
 	type: String,
 	attribute: "compact-display"
-})], u.prototype, "compactDisplay", void 0), t([s({
+})], u.prototype, "compactDisplay", void 0), r([s({
 	type: String,
 	attribute: "sign-display"
-})], u.prototype, "signDisplay", void 0), t([s({
+})], u.prototype, "signDisplay", void 0), r([s({
 	type: String,
 	attribute: "use-grouping"
-})], u.prototype, "useGrouping", void 0), t([s({
+})], u.prototype, "useGrouping", void 0), r([s({
 	type: Number,
 	attribute: "minimum-fraction-digits"
-})], u.prototype, "minimumFractionDigits", void 0), t([s({
+})], u.prototype, "minimumFractionDigits", void 0), r([s({
 	type: Number,
 	attribute: "maximum-fraction-digits"
-})], u.prototype, "maximumFractionDigits", void 0), t([s({
+})], u.prototype, "maximumFractionDigits", void 0), r([s({
 	type: Number,
 	attribute: "minimum-integer-digits"
-})], u.prototype, "minimumIntegerDigits", void 0), u = t([n()], u);
+})], u.prototype, "minimumIntegerDigits", void 0), u = r([t()], u);
 //#endregion
 export { u as FormatNumber };
 

package/dist/format-relative-time/format-relative-time.d.ts

@@ -43,5 +43,5 @@ export declare class FormatRelativeTime extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(changed: Map<string, unknown>): void;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }

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

@@ -1,7 +1,7 @@
 import { LogService as e } from "../internal/services/log.service.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { typeSSR as n } from "../internal/controllers/type-ssr.controller.js";
-import { useStyles as r } from "../internal/styles/index.js";
+import { typeSSR as t } from "../internal/controllers/type-ssr.controller.js";
+import { useStyles as n } from "../internal/styles/index.js";
+import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
 import i from "./format-relative-time.js";
 import { LitElement as a, html as o } from "lit";
 import { property as s } from "lit/decorators/property.js";
@@ -48,12 +48,12 @@ var c = {
 		super(...e), this.numeric = "always", this.formatStyle = "long", this.unit = "auto", this.sync = !1;
 	}
 	static {
-		this.styles = r([i]);
+		this.styles = n([i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-format-relative-time",
-			version: "0.2.2"
+			version: "0.2.4"
 		};
 	}
 	#e;
@@ -128,10 +128,10 @@ var c = {
 		this.requestUpdate();
 	}
 };
-t([s({ type: String })], u.prototype, "date", void 0), t([s({ type: String })], u.prototype, "locale", void 0), t([s({ type: String })], u.prototype, "numeric", void 0), t([s({
+r([s({ type: String })], u.prototype, "date", void 0), r([s({ type: String })], u.prototype, "locale", void 0), r([s({ type: String })], u.prototype, "numeric", void 0), r([s({
 	type: String,
 	attribute: "format-style"
-})], u.prototype, "formatStyle", void 0), t([s({ type: String })], u.prototype, "unit", void 0), t([s({ type: Boolean })], u.prototype, "sync", void 0), u = t([n()], u);
+})], u.prototype, "formatStyle", void 0), r([s({ type: String })], u.prototype, "unit", void 0), r([s({ type: Boolean })], u.prototype, "sync", void 0), u = r([t()], u);
 //#endregion
 export { u as FormatRelativeTime };
 

package/dist/forms/control/control2.js

@@ -1,10 +1,10 @@
-import { appendRootNodeStyle as e, getAttributeListChanges as t } from "../../internal/utils/dom.js";
-import { associateAriaDescribedBy as n, associateDataList as r, associateLabel as i, attachInternals as a } from "../../internal/utils/a11y.js";
-import { __decorate as o } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { I18nController as s } from "../../internal/controllers/i18n.controller.js";
-import { typeSSR as c } from "../../internal/controllers/type-ssr.controller.js";
-import { hostAttr as l } from "../../internal/decorators/host-attr.js";
-import { useStyles as u } from "../../internal/styles/index.js";
+import { I18nController as e } from "../../internal/controllers/i18n.controller.js";
+import { appendRootNodeStyle as t, getAttributeListChanges as n } from "../../internal/utils/dom.js";
+import { associateAriaDescribedBy as r, associateDataList as i, associateLabel as a, attachInternals as o } from "../../internal/utils/a11y.js";
+import { typeSSR as s } from "../../internal/controllers/type-ssr.controller.js";
+import { hostAttr as c } from "../../internal/decorators/host-attr.js";
+import { useStyles as l } from "../../internal/styles/index.js";
+import { __decorate as u } from "../../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
 import { inputQuery as d, setupControlStates as f, setupControlStatusStates as p, setupControlValidationStates as m } from "../utils/states.js";
 import { setupControlLayoutStates as h } from "../utils/layout.js";
 import g from "./control.global.js";
@@ -13,8 +13,8 @@ import { LitElement as v, html as y, isServer as b, nothing as x } from "lit";
 import { property as S } from "lit/decorators/property.js";
 //#region src/forms/control/control.ts
 var C = class extends v {
-	constructor(...e) {
-		super(...e), this.fitText = !1, this.fitContent = !1, this.#e = new s(this), this.i18n = this.#e.i18n, this.nveControl = "", this.#i = [], this._associateDatalist = !0, this.#a = () => {
+	constructor(...t) {
+		super(...t), this.fitText = !1, this.fitContent = !1, this.#e = new e(this), this.i18n = this.#e.i18n, this.nveControl = "", this.#i = [], this._associateDatalist = !0, this.#a = () => {
 			this.#f(), this.input && this.#i.length === 0 && (this.#o(), this.#c());
 		}, this.#s = () => {
 			this.#f(), this.#p();
@@ -45,19 +45,19 @@ var C = class extends v {
 	}
 	#i;
 	static {
-		this.styles = u([_]);
+		this.styles = l([_]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-control",
-			version: "0.2.2"
+			version: "0.2.4"
 		};
 	}
 	render() {
 		return this.nveControl === "inline" ? y`<div internal-host part="_internal-host"><div input part="_input"><slot interaction-state></slot></div><slot name="label" part="_label"></slot><slot name="messages" part="_messages"></slot></div>` : y`<div internal-host part="_internal-host"><slot name="label" part="_label"></slot><div input part="_input">${this.prefixContent}<slot></slot>${this.suffixContent}</div><slot name="messages" part="_messages"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), a(this), e(this, g), this.shadowRoot.addEventListener("slotchange", this.#a);
+		super.connectedCallback(), o(this), t(this, g), this.shadowRoot.addEventListener("slotchange", this.#a);
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this.shadowRoot.removeEventListener("slotchange", this.#a), this.shadowRoot.removeEventListener("slotchange", this.#s), this.fitText && this.input && (this.input.removeEventListener("input", this.#l), this.input.removeEventListener("change", this.#l)), this.#i.forEach((e) => e.disconnect()), this.#i.length = 0;
@@ -70,7 +70,7 @@ var C = class extends v {
 		}));
 	}
 	#o() {
-		m(this, this.#n), this.#i.push(...f(this), ...p(this, this.#n), h(this), t(this, ["hidden", "status"], () => this.#f())), this.#d(), this.#p(), this.shadowRoot.addEventListener("slotchange", this.#s);
+		m(this, this.#n), this.#i.push(...f(this), ...p(this, this.#n), h(this), n(this, ["hidden", "status"], () => this.#f())), this.#d(), this.#p(), this.shadowRoot.addEventListener("slotchange", this.#s);
 	}
 	#s;
 	#c() {
@@ -90,7 +90,7 @@ var C = class extends v {
 		this.input && (this.toggleAttribute("multiple", this.input?.multiple), this.input?.hasAttribute("size") ? this.setAttribute("size", "") : this.removeAttribute("size"));
 	}
 	#p() {
-		this.#m(), i(this.#t, this.input), n(Array.from(this.#n), this.input), this._associateDatalist && r(this.querySelector("datalist"), this.input);
+		this.#m(), a(this.#t, this.input), r(Array.from(this.#n), this.input), this._associateDatalist && i(this.querySelector("datalist"), this.input);
 	}
 	#m() {
 		let e = this.querySelector("label") || this.shadowRoot.querySelector("slot").assignedNodes({ flatten: !0 }).find((e) => e.tagName === "LABEL");
@@ -102,21 +102,21 @@ var C = class extends v {
 		} catch {}
 	}
 };
-o([S({ type: String })], C.prototype, "status", void 0), o([S({
+u([S({ type: String })], C.prototype, "status", void 0), u([S({
 	type: String,
 	reflect: !0
-})], C.prototype, "layout", void 0), o([S({
+})], C.prototype, "layout", void 0), u([S({
 	type: Boolean,
 	reflect: !0,
 	attribute: "fit-text"
-})], C.prototype, "fitText", void 0), o([S({
+})], C.prototype, "fitText", void 0), u([S({
 	type: Boolean,
 	reflect: !0,
 	attribute: "fit-content"
-})], C.prototype, "fitContent", void 0), o([S({ type: Object })], C.prototype, "i18n", void 0), o([S({
+})], C.prototype, "fitContent", void 0), u([S({ type: Object })], C.prototype, "i18n", void 0), u([S({
 	type: String,
 	reflect: !0
-})], C.prototype, "prominence", void 0), o([l({ attribute: "nve-control" })], C.prototype, "nveControl", void 0), C = o([c()], C);
+})], C.prototype, "prominence", void 0), u([c({ attribute: "nve-control" })], C.prototype, "nveControl", void 0), C = u([s()], C);
 //#endregion
 export { C as Control };
 

package/dist/forms/control-group/control-group.d.ts

@@ -28,7 +28,7 @@ export declare class ControlGroup extends LitElement {
     };
     /** @private */
     _internals: ElementInternals;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
     connectedCallback(): void;
     firstUpdated(props: PropertyValues<this>): void;
     disconnectedCallback(): void;

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

@@ -1,5 +1,5 @@
 //#region src/forms/control-group/control-group.css?inline
-var e = ":host{--color: var(--nve-sys-interaction-field-color);--opacity: 1;--label-color: var(--nve-sys-interaction-field-color);--label-text-transform: capitalize;--label-font-weight: var(--nve-ref-font-weight-medium);--label-font-size: var(--nve-ref-font-size-100);--_label-width: var(--label-width, 180px)}[internal-host]{color:var(--color);opacity:var(--opacity)}::slotted(label){font-weight:var(--label-font-weight)!important;font-size:var(--label-font-size)!important;color:var(--label-color)!important;cursor:var(--cursor)!important;text-transform:var(--label-text-transform)!important}:host([layout*=\"horizontal-inline\"]) ::slotted([nve-control]),:host([layout*=\"vertical-inline\"]) ::slotted([nve-control]){--control-height: var(--nve-sys-interaction-field-height)}slot[name=label]{grid-area:label;display:block;align-self:center}slot[name=messages]{grid-area:messages;display:block}.input-slot{grid-area:input;display:flex;flex-flow:column wrap;gap:var(--nve-ref-space-sm) var(--nve-ref-space-md);width:fit-content}:host([layout*=\"-inline\"]) .input-slot{flex-direction:row}[name=messages]:not(:has-slotted),[name=label]:not(:has-slotted){display:none!important}.no-messages{& slot[name=messages]{display:none!important}}.no-label{& slot[name=label]{display:none!important}}[internal-host]{display:grid;gap:var(--nve-ref-space-xs);align-items:start;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;grid-template-areas:\"label label label\" \"input input input\" \"messages messages messages\";&.no-messages{grid-template-areas:\"label label label\" \"input input input\"}&.no-label{& slot[name=messages]{grid-template-areas:\"input input input\" \"messages messages messages\"}}&.no-label.no-messages{grid-template-areas:\"input input input\"}}:host([layout=\"vertical-inline\"]) [internal-host]{grid-template-areas:\"label label label\" \"input input input\" \"messages messages messages\"}:host([layout=\"vertical-inline\"]) [internal-host].no-messages{grid-template-areas:\"label label label\" \"input input input\"}:host([layout=\"horizontal\"]) [internal-host]{grid-template-columns:var(--_label-width) minmax(auto,max-content) auto;grid-template-areas:\"label input input\" \". messages messages\"}:host([layout=\"horizontal\"]) [internal-host].no-messages{grid-template-areas:\"label input input\"}:host([layout=\"horizontal-inline\"]) [internal-host]{grid-template-columns:var(--_label-width) minmax(auto,max-content) auto;grid-template-areas:\"label input input\" \". messages messages\"}:host([layout=\"horizontal-inline\"]) [internal-host].no-messages{grid-template-areas:\"label input input\"}:host([layout=\"horizontal\"]) slot[name=label]{align-self:start}:host([layout=\"horizontal\"]) ::slotted(label){align-self:start!important}";
+var e = ":host{--color: var(--nve-sys-interaction-field-color);--opacity: 1;--label-color: var(--nve-sys-interaction-field-color);--label-text-transform: capitalize;--label-font-weight: var(--nve-ref-font-weight-medium);--label-font-size: var(--nve-ref-font-size-100);--_label-width: var(--label-width, 180px)}[internal-host]{color:var(--color);opacity:var(--opacity)}::slotted(label){font-weight:var(--label-font-weight)!important;font-size:var(--label-font-size)!important;color:var(--label-color)!important;cursor:var(--cursor)!important;text-transform:var(--label-text-transform)!important}:host([layout*=\"horizontal-inline\"]) ::slotted([nve-control]),:host([layout*=\"vertical-inline\"]) ::slotted([nve-control]){--control-height: var(--nve-sys-interaction-field-height)}slot[name=label]{grid-area:label;display:block;align-self:center}slot[name=messages]{grid-area:messages;display:block}.input-slot{grid-area:input;display:flex;flex-flow:column wrap;gap:var(--nve-ref-space-sm) var(--nve-ref-space-md)}:host([layout*=\"-inline\"]) .input-slot{flex-direction:row}[name=messages]:not(:has-slotted),[name=label]:not(:has-slotted){display:none!important}.no-messages{& slot[name=messages]{display:none!important}}.no-label{& slot[name=label]{display:none!important}}[internal-host]{display:grid;gap:var(--nve-ref-space-xs);align-items:start;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;grid-template-areas:\"label label label\" \"input input input\" \"messages messages messages\";&.no-messages{grid-template-areas:\"label label label\" \"input input input\"}&.no-label{& slot[name=messages]{grid-template-areas:\"input input input\" \"messages messages messages\"}}&.no-label.no-messages{grid-template-areas:\"input input input\"}}:host([layout=\"vertical-inline\"]) [internal-host]{grid-template-areas:\"label label label\" \"input input input\" \"messages messages messages\"}:host([layout=\"vertical-inline\"]) [internal-host].no-messages{grid-template-areas:\"label label label\" \"input input input\"}:host([layout=\"horizontal\"]) [internal-host]{grid-template-columns:var(--_label-width) minmax(auto,max-content) auto;grid-template-areas:\"label input input\" \". messages messages\"}:host([layout=\"horizontal\"]) [internal-host].no-messages{grid-template-areas:\"label input input\"}:host([layout=\"horizontal-inline\"]) [internal-host]{grid-template-columns:var(--_label-width) minmax(auto,max-content) auto;grid-template-areas:\"label input input\" \". messages messages\"}:host([layout=\"horizontal-inline\"]) [internal-host].no-messages{grid-template-areas:\"label input input\"}:host([layout=\"horizontal\"]) slot[name=label]{align-self:start}:host([layout=\"horizontal\"]) ::slotted(label){align-self:start!important}";
 //#endregion
 export { e as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"control-group.js","names":[],"sources":["../../../src/forms/control-group/control-group.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --color: var(--nve-sys-interaction-field-color);\n  --opacity: 1;\n  --label-color: var(--nve-sys-interaction-field-color);\n  --label-text-transform: capitalize;\n  --label-font-weight: var(--nve-ref-font-weight-medium);\n  --label-font-size: var(--nve-ref-font-size-100);\n  --_label-width: var(--label-width, 180px);\n}\n\n[internal-host] {\n  color: var(--color);\n  opacity: var(--opacity);\n}\n\n::slotted(label) {\n  font-weight: var(--label-font-weight) !important;\n  font-size: var(--label-font-size) !important;\n  color: var(--label-color) !important;\n  cursor: var(--cursor) !important;\n  text-transform: var(--label-text-transform) !important;\n}\n\n:host([layout*='horizontal-inline']) ::slotted([nve-control]),\n:host([layout*='vertical-inline']) ::slotted([nve-control]) {\n  --control-height: var(--nve-sys-interaction-field-height);\n}\n\nslot[name='label'] {\n  grid-area: label;\n  display: block;\n  align-self: center;\n}\n\nslot[name='messages'] {\n  grid-area: messages;\n  display: block;\n}\n\n.input-slot {\n  grid-area: input;\n  display: flex;\n  flex-flow: column wrap;\n  gap: var(--nve-ref-space-sm) var(--nve-ref-space-md);\n  width: fit-content;\n}\n\n:host([layout*='-inline']) .input-slot {\n  flex-direction: row;\n}\n\n[name='messages']:not(:has-slotted),\n[name='label']:not(:has-slotted) {\n  display: none !important;\n}\n\n/* fallback for :has-slotted */\n.no-messages {\n  & slot[name='messages'] {\n    display: none !important;\n  }\n}\n\n/* fallback for :has-slotted */\n.no-label {\n  & slot[name='label'] {\n    display: none !important;\n  }\n}\n\n[internal-host] {\n  display: grid;\n  gap: var(--nve-ref-space-xs);\n  align-items: start;\n  grid-template-columns: 1fr 1fr 1fr;\n  grid-template-rows: auto;\n  grid-template-areas:\n    'label label label'\n    'input input input'\n    'messages messages messages';\n\n  &.no-messages {\n    grid-template-areas:\n      'label label label'\n      'input input input';\n  }\n\n  &.no-label {\n    & slot[name='messages'] {\n      grid-template-areas:\n        'input input input'\n        'messages messages messages';\n    }\n  }\n\n  &.no-label.no-messages {\n    grid-template-areas: 'input input input';\n  }\n}\n\n:host([layout='vertical-inline']) [internal-host] {\n  grid-template-areas:\n    'label label label'\n    'input input input'\n    'messages messages messages';\n}\n\n:host([layout='vertical-inline']) [internal-host].no-messages {\n  grid-template-areas:\n    'label label label'\n    'input input input';\n}\n\n:host([layout='horizontal']) [internal-host] {\n  grid-template-columns: var(--_label-width) minmax(auto, max-content) auto;\n  grid-template-areas:\n    'label input input'\n    '. messages messages';\n}\n\n:host([layout='horizontal']) [internal-host].no-messages {\n  grid-template-areas: 'label input input';\n}\n\n:host([layout='horizontal-inline']) [internal-host] {\n  grid-template-columns: var(--_label-width) minmax(auto, max-content) auto;\n  grid-template-areas:\n    'label input input'\n    '. messages messages';\n}\n\n:host([layout='horizontal-inline']) [internal-host].no-messages {\n  grid-template-areas: 'label input input';\n}\n\n:host([layout='horizontal']) slot[name='label'] {\n  align-self: start;\n}\n\n:host([layout='horizontal']) ::slotted(label) {\n  align-self: start !important;\n}\n"],"mappings":""}
+{"version":3,"file":"control-group.js","names":[],"sources":["../../../src/forms/control-group/control-group.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --color: var(--nve-sys-interaction-field-color);\n  --opacity: 1;\n  --label-color: var(--nve-sys-interaction-field-color);\n  --label-text-transform: capitalize;\n  --label-font-weight: var(--nve-ref-font-weight-medium);\n  --label-font-size: var(--nve-ref-font-size-100);\n  --_label-width: var(--label-width, 180px);\n}\n\n[internal-host] {\n  color: var(--color);\n  opacity: var(--opacity);\n}\n\n::slotted(label) {\n  font-weight: var(--label-font-weight) !important;\n  font-size: var(--label-font-size) !important;\n  color: var(--label-color) !important;\n  cursor: var(--cursor) !important;\n  text-transform: var(--label-text-transform) !important;\n}\n\n:host([layout*='horizontal-inline']) ::slotted([nve-control]),\n:host([layout*='vertical-inline']) ::slotted([nve-control]) {\n  --control-height: var(--nve-sys-interaction-field-height);\n}\n\nslot[name='label'] {\n  grid-area: label;\n  display: block;\n  align-self: center;\n}\n\nslot[name='messages'] {\n  grid-area: messages;\n  display: block;\n}\n\n.input-slot {\n  grid-area: input;\n  display: flex;\n  flex-flow: column wrap;\n  gap: var(--nve-ref-space-sm) var(--nve-ref-space-md);\n}\n\n:host([layout*='-inline']) .input-slot {\n  flex-direction: row;\n}\n\n[name='messages']:not(:has-slotted),\n[name='label']:not(:has-slotted) {\n  display: none !important;\n}\n\n/* fallback for :has-slotted */\n.no-messages {\n  & slot[name='messages'] {\n    display: none !important;\n  }\n}\n\n/* fallback for :has-slotted */\n.no-label {\n  & slot[name='label'] {\n    display: none !important;\n  }\n}\n\n[internal-host] {\n  display: grid;\n  gap: var(--nve-ref-space-xs);\n  align-items: start;\n  grid-template-columns: 1fr 1fr 1fr;\n  grid-template-rows: auto;\n  grid-template-areas:\n    'label label label'\n    'input input input'\n    'messages messages messages';\n\n  &.no-messages {\n    grid-template-areas:\n      'label label label'\n      'input input input';\n  }\n\n  &.no-label {\n    & slot[name='messages'] {\n      grid-template-areas:\n        'input input input'\n        'messages messages messages';\n    }\n  }\n\n  &.no-label.no-messages {\n    grid-template-areas: 'input input input';\n  }\n}\n\n:host([layout='vertical-inline']) [internal-host] {\n  grid-template-areas:\n    'label label label'\n    'input input input'\n    'messages messages messages';\n}\n\n:host([layout='vertical-inline']) [internal-host].no-messages {\n  grid-template-areas:\n    'label label label'\n    'input input input';\n}\n\n:host([layout='horizontal']) [internal-host] {\n  grid-template-columns: var(--_label-width) minmax(auto, max-content) auto;\n  grid-template-areas:\n    'label input input'\n    '. messages messages';\n}\n\n:host([layout='horizontal']) [internal-host].no-messages {\n  grid-template-areas: 'label input input';\n}\n\n:host([layout='horizontal-inline']) [internal-host] {\n  grid-template-columns: var(--_label-width) minmax(auto, max-content) auto;\n  grid-template-areas:\n    'label input input'\n    '. messages messages';\n}\n\n:host([layout='horizontal-inline']) [internal-host].no-messages {\n  grid-template-areas: 'label input input';\n}\n\n:host([layout='horizontal']) slot[name='label'] {\n  align-self: start;\n}\n\n:host([layout='horizontal']) ::slotted(label) {\n  align-self: start !important;\n}\n"],"mappings":""}

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

@@ -1,6 +1,6 @@
 import { associateAriaDescribedBy as e, associateAriaLabel as t, associateControlGroup as n, attachInternals as r } from "../../internal/utils/a11y.js";
-import { __decorate as i } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { useStyles as a } from "../../internal/styles/index.js";
+import { useStyles as i } from "../../internal/styles/index.js";
+import { __decorate as a } from "../../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
 import { inputQuery as o, setupControlGroupStates as s, setupControlStatusStates as c } from "../utils/states.js";
 import { setupControlLayoutStates as l } from "../utils/layout.js";
 import u from "./control-group.js";
@@ -19,12 +19,12 @@ var m = class extends d {
 	}
 	#t = [];
 	static {
-		this.styles = a([u]);
+		this.styles = i([u]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-control-group",
-			version: "0.2.2"
+			version: "0.2.4"
 		};
 	}
 	render() {
@@ -50,10 +50,10 @@ var m = class extends d {
 		this.label && (this.label.slot = "label");
 	}
 };
-i([p({
+a([p({
 	type: String,
 	reflect: !0
-})], m.prototype, "layout", void 0), i([p({
+})], m.prototype, "layout", void 0), a([p({
 	type: String,
 	reflect: !0
 })], m.prototype, "prominence", void 0);

package/dist/forms/control-message/control-message.d.ts

@@ -33,5 +33,5 @@ export declare class ControlMessage extends LitElement {
         [Icon.metadata.tag]: typeof Icon;
     };
     slot: string;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }

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

@@ -1,7 +1,7 @@
-import { __decorate as e } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { hostAttr as t } from "../../internal/decorators/host-attr.js";
-import { scopedRegistry as n } from "../../internal/decorators/scoped-registry.js";
-import { useStyles as r } from "../../internal/styles/index.js";
+import { hostAttr as e } from "../../internal/decorators/host-attr.js";
+import { scopedRegistry as t } from "../../internal/decorators/scoped-registry.js";
+import { useStyles as n } from "../../internal/styles/index.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
 import { Icon as i } from "../../icon/icon2.js";
 import a from "./control-message.js";
 import { LitElement as o, html as s } from "lit";
@@ -18,12 +18,12 @@ var l = {
 		super(...e), this.error = null, this.slot = "messages";
 	}
 	static {
-		this.styles = r([a]);
+		this.styles = n([a]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-control-message",
-			version: "0.2.2"
+			version: "0.2.4"
 		};
 	}
 	static {
@@ -33,13 +33,13 @@ var l = {
 		return s`<div internal-host><slot name="icon"><nve-icon part="icon" name="${this.error ? l.error : l[this.status]}"></nve-icon></slot><slot></slot></div>`;
 	}
 };
-e([c({
+r([c({
 	type: String,
 	reflect: !0
-})], u.prototype, "status", void 0), e([c({
+})], u.prototype, "status", void 0), r([c({
 	type: String,
 	reflect: !0
-})], u.prototype, "error", void 0), e([t()], u.prototype, "slot", void 0), u = e([n()], u);
+})], u.prototype, "error", void 0), r([e()], u.prototype, "slot", void 0), u = r([t()], u);
 //#endregion
 export { u as ControlMessage };
 

package/dist/grid/cell/cell.d.ts

@@ -26,6 +26,6 @@ export declare class GridCell extends LitElement {
     };
     /** @private */
     _internals: ElementInternals;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/grid/cell/cell2.js

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

package/dist/grid/column/column.d.ts

@@ -46,7 +46,7 @@ export declare class GridColumn extends LitElement {
     };
     /** @private */
     _internals: ElementInternals;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
     connectedCallback(): void;
     disconnectedCallback(): void;
     willUpdate(props: PropertyValues<this>): void;

package/dist/grid/column/column2.js

@@ -1,19 +1,19 @@
 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.130.0/helpers/decorate.js";
-import { useStyles as r } from "../../internal/styles/index.js";
+import { useStyles as n } from "../../internal/styles/index.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
 import i from "./column.js";
 import { LitElement as a, html as o } from "lit";
 import { property as s } from "lit/decorators/property.js";
 //#region src/grid/column/column.ts
-var c = class n extends a {
+var c = class r extends a {
 	static {
-		this.styles = r([i]);
+		this.styles = n([i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-grid-column",
-			version: "0.2.2"
+			version: "0.2.4"
 		};
 	}
 	get #e() {
@@ -50,7 +50,7 @@ var c = class n extends a {
 		this.#n ? this.#n.replaceSync(i) : this.#n = e(this.#e, i), this.setAttribute(t, "");
 	}
 	#i() {
-		let e = Array.from(this.parentElement.querySelectorAll(n.metadata.tag)), t = e.slice(e.indexOf(this) + 1, e.length), r = this.getBoundingClientRect(), i = this.#e.getBoundingClientRect(), a = this.offsetLeft < i.width / 2 ? "left" : "right", o = r.left - i.left, s = t.reduce((e, t) => e + t.getBoundingClientRect().width, 0), c = `[id='${this.#e.id}'] nve-grid-column:nth-of-type(${this.ariaColIndex}),
+		let e = Array.from(this.parentElement.querySelectorAll(r.metadata.tag)), t = e.slice(e.indexOf(this) + 1, e.length), n = this.getBoundingClientRect(), i = this.#e.getBoundingClientRect(), a = this.offsetLeft < i.width / 2 ? "left" : "right", o = n.left - i.left, s = t.reduce((e, t) => e + t.getBoundingClientRect().width, 0), c = `[id='${this.#e.id}'] nve-grid-column:nth-of-type(${this.ariaColIndex}),
         [id='${this.#e.id}'] nve-grid-cell:nth-of-type(${this.ariaColIndex})`;
 		return {
 			side: a,
@@ -81,17 +81,17 @@ var c = class n extends a {
         }`);
 	}
 };
-n([s({
+r([s({
 	type: String,
 	reflect: !0
-})], c.prototype, "width", void 0), n([s({
+})], c.prototype, "width", void 0), r([s({
 	type: String,
 	reflect: !0
-})], c.prototype, "position", void 0), n([s({
+})], c.prototype, "position", void 0), r([s({
 	type: String,
 	reflect: !0,
 	attribute: "column-align"
-})], c.prototype, "columnAlign", void 0), n([s({
+})], c.prototype, "columnAlign", void 0), r([s({
 	type: String,
 	reflect: !0,
 	attribute: "aria-colindex"

package/dist/grid/footer/footer.d.ts

@@ -21,6 +21,6 @@ export declare class GridFooter extends LitElement {
     /** @private */
     _internals: ElementInternals;
     slot: string;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/grid/footer/footer2.js

@@ -1,7 +1,7 @@
 import { attachInternals as e } from "../../internal/utils/a11y.js";
-import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { hostAttr as n } from "../../internal/decorators/host-attr.js";
-import { useStyles as r } from "../../internal/styles/index.js";
+import { hostAttr as t } from "../../internal/decorators/host-attr.js";
+import { useStyles as n } from "../../internal/styles/index.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
 import i from "./footer.js";
 import { LitElement as a, html as o } from "lit";
 //#region src/grid/footer/footer.ts
@@ -10,12 +10,12 @@ var s = class extends a {
 		super(...e), this.slot = "footer";
 	}
 	static {
-		this.styles = r([i]);
+		this.styles = n([i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-grid-footer",
-			version: "0.2.2"
+			version: "0.2.4"
 		};
 	}
 	static {
@@ -28,7 +28,7 @@ var s = class extends a {
 		super.connectedCallback(), e(this), this._internals.role = "row";
 	}
 };
-t([n()], s.prototype, "slot", void 0);
+r([t()], s.prototype, "slot", void 0);
 //#endregion
 export { s as GridFooter };
 

package/dist/grid/grid.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { ContainerElement } from '../internal';
+import { ContainerElement, StateScrollConfig } from '../internal';
 import { GridHeader } from './header/header.js';
 import { GridColumn } from './column/column.js';
 import { GridRow } from './row/row.js';
@@ -43,9 +43,10 @@ export declare class Grid extends LitElement implements ContainerElement {
         rows: (GridRow | GridHeader)[];
         cells: (GridColumn | GridCell)[];
     };
+    get stateScrollConfig(): StateScrollConfig;
     /** @private */
     _internals: ElementInternals;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
     connectedCallback(): void;
     /**
      * Scroll to a specific position in the grid.