@nvidia-elements/core 0.2.2 → 0.2.4

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

@@ -1,56 +1,51 @@
-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 { 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";
-import { statusIcons as a } from "../internal/types/index.js";
+import { I18nController as e } from "../internal/controllers/i18n.controller.js";
+import { attachInternals as t } from "../internal/utils/a11y.js";
+import { scopedRegistry as n } from "../internal/decorators/scoped-registry.js";
+import { useStyles as r } from "../internal/styles/index.js";
+import { statusIcons as i } from "../internal/types/index.js";
+import { __decorate as a } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
 import { Icon as o } from "../icon/icon2.js";
 import s from "./progress-ring.js";
 import { LitElement as c, html as l } from "lit";
 import { property as u } from "lit/decorators/property.js";
-import { queryAssignedElements as d } from "lit/decorators/query-assigned-elements.js";
 //#region src/progress-ring/progress-ring.ts
-var f = class extends c {
-	constructor(...e) {
-		super(...e), this.max = 100, this.status = "neutral", this.#e = new n(this), this.i18n = this.#e.i18n, this.#t = !1;
+var d = class extends c {
+	constructor(...t) {
+		super(...t), this.max = 100, this.status = "neutral", this.#e = new e(this), this.i18n = this.#e.i18n;
 	}
 	static {
-		this.styles = i([s]);
+		this.styles = r([s]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-progress-ring",
-			version: "0.2.2"
+			version: "0.2.4"
 		};
 	}
 	static {
 		this.elementDefinitions = { [o.metadata.tag]: o };
 	}
 	#e;
-	#t;
 	render() {
-		return l`<div internal-host ?indeterminate="${this.value === void 0}"><svg viewBox="0 0 16 16" role="presentation"><circle cx="8px" cy="8px" r="6.5px" class="background"></circle><circle cx="8px" cy="8px" r="6.5px" class="ring" stroke-dasharray="${`${(this.value ?? 0) / (this.max ?? 100) * 44}px 44px`}"></circle></svg><slot>${this.status !== "accent" && !this.#t ? l`<nve-icon part="icon" .name="${this.status ? a[this.status] : void 0}" .status="${this.status}" aria-hidden="true"></nve-icon>` : ""}</slot><slot name="status-icon" @slotchange="${this.#n}"></slot></div>`;
+		return l`<div internal-host ?indeterminate="${this.value === void 0}"><svg viewBox="0 0 16 16" role="presentation"><circle cx="8px" cy="8px" r="6.5px" class="background"></circle><circle cx="8px" cy="8px" r="6.5px" class="ring" stroke-dasharray="${`${(this.value ?? 0) / (this.max ?? 100) * 44}px 44px`}"></circle></svg><slot>${this.status === "accent" ? "" : l`<nve-icon part="icon" .name="${this.status ? i[this.status] : void 0}" .status="${this.status}" aria-hidden="true"></nve-icon>`}</slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), e(this), this._internals.role = "progressbar";
+		super.connectedCallback(), t(this), this._internals.role = "progressbar";
 	}
 	updated(e) {
 		super.updated(e), this._internals.ariaValueNow = `${this.value === void 0 ? "" : this.value}`, this._internals.ariaValueMax = `${this.max}`;
 		let t = this.i18n;
 		this._internals.ariaLabel = (this.status && t[this.status] && t[this.status] !== "neutral" ? t[this.status] : this.i18n.information) ?? null;
 	}
-	#n() {
-		this.#t = this._deprecatedStatusIconSlot.length > 0, this.requestUpdate();
-	}
 };
-t([u({ type: Number })], f.prototype, "value", void 0), t([u({ type: Number })], f.prototype, "max", void 0), t([u({
+a([u({ type: Number })], d.prototype, "value", void 0), a([u({ type: Number })], d.prototype, "max", void 0), a([u({
 	type: String,
 	reflect: !0
-})], f.prototype, "status", void 0), t([u({
+})], d.prototype, "status", void 0), a([u({
 	type: String,
 	reflect: !0
-})], f.prototype, "size", void 0), t([u({ type: Object })], f.prototype, "i18n", void 0), t([d({ slot: "status-icon" })], f.prototype, "_deprecatedStatusIconSlot", void 0), f = t([r()], f);
+})], d.prototype, "size", void 0), a([u({ type: Object })], d.prototype, "i18n", void 0), d = a([n()], d);
 //#endregion
-export { f as ProgressRing };
+export { d as ProgressRing };
 
 //# sourceMappingURL=progress-ring2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress-ring2.js","names":["#i18nController","#hasStatusIconContent","#updateStatusIcon"],"sources":["../../src/progress-ring/progress-ring.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 { Size, SupportStatus } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  I18nController,\n  scopedRegistry,\n  statusIcons,\n  useStyles\n} from '@nvidia-elements/core/internal';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './progress-ring.css?inline';\n\n/**\n * @element nve-progress-ring\n * @description The `progress-ring` component shows the status of a pending task. It also serves the basis of the page loading element.\n * @since 0.17.0\n * @entrypoint \\@nvidia-elements/core/progress-ring\n * @slot - Content to display in the ring center. Defaults to a status icon.\n * @slot status-icon - (deprecated) Use the default slot instead.\n * @cssprop --background-color\n * @cssprop --ring-color\n * @cssprop --ring-background-opacity\n * @cssprop --ring-width\n * @cssprop --width\n * @cssprop --height\n * @cssprop --animation-duration\n * @cssprop --color\n * @csspart icon - The icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role\n */\n@scopedRegistry()\nexport class ProgressRing extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-progress-ring',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  /** The current `value` of the progress ring. When not set, an indeterminate animation will show. */\n  @property({ type: Number }) value?: number;\n\n  /** The `max` value of the progress ring that the `value` is proportionally scaled to. */\n  @property({ type: Number }) max? = 100;\n\n  /** Four visual treatments represent the `status` of tasks. When `status` changes to `warning`, `success`, or `danger`, the component embeds appropriate icons. */\n  @property({ type: String, reflect: true }) status?: SupportStatus | 'neutral' = 'neutral';\n\n  /** T-shirt `size` of the progress indicator, used to scale the ring. */\n  @property({ type: String, reflect: true }) size?: Size | 'xxs' | 'xs' | 'xl';\n\n  #i18nController: I18nController<this> = new I18nController<this>(this);\n\n  /** Enables updating internal string values for internationalization. */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  @queryAssignedElements({ slot: 'status-icon' })\n  private _deprecatedStatusIconSlot!: Element[];\n\n  /**\n   * Tracks presence of content presence in deprecated status-icon slot.\n   */\n  #hasStatusIconContent = false;\n\n  render() {\n    return html`\n      <div internal-host ?indeterminate=${this.value === undefined}>\n        <svg viewBox=\"0 0 16 16\" role=\"presentation\">\n          <circle cx=\"8px\" cy=\"8px\" r=\"6.5px\" class=\"background\"></circle>\n          <circle cx=\"8px\" cy=\"8px\" r=\"6.5px\" class=\"ring\"\n            stroke-dasharray=${`${((this.value ?? 0) / (this.max ?? 100)) * 44}px 44px`}>\n          </circle>\n        </svg>\n        <slot>\n          ${\n            this.status !== 'accent' && !this.#hasStatusIconContent\n              ? html`<nve-icon part=\"icon\" .name=${this.status ? statusIcons[this.status] : undefined} .status=${this.status as SupportStatus} aria-hidden=\"true\"></nve-icon>`\n              : ''\n          }\n        </slot>\n        <slot name=\"status-icon\" @slotchange=${this.#updateStatusIcon}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'progressbar';\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this._internals.ariaValueNow = `${this.value === undefined ? '' : this.value}`;\n    this._internals.ariaValueMax = `${this.max}`;\n    const i18nRecord = this.i18n as Record<string, string | undefined>;\n    this._internals.ariaLabel =\n      (this.status && i18nRecord[this.status] && i18nRecord[this.status] !== 'neutral'\n        ? i18nRecord[this.status]!\n        : this.i18n.information) ?? null;\n  }\n\n  #updateStatusIcon() {\n    this.#hasStatusIconContent = this._deprecatedStatusIconSlot.length > 0;\n    this.requestUpdate();\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAqCO,IAAA,IAAA,cAA2B,EAAW;;0BAmBR,mBAG6C,qBAKxC,IAAI,EAAqB,IAAI,eAGlC,KAAKA,GAAgB,gBAQhC;;;gBArCR,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAiBA;CAWA;CAEA,SAAS;EACP,OAAO,CAAI,sCAC2B,KAAK,UAAU,KAAA,EAAU,oLAIpC,IAAK,KAAK,SAAS,MAAM,KAAK,OAAO,OAAQ,GAAG,SAAS,yBAK5E,KAAK,WAAW,YAAY,CAAC,KAAKC,KAC9B,CAAI,gCAA+B,KAAK,SAAS,EAAY,KAAK,UAAU,KAAA,EAAU,aAAW,KAAK,OAAwB,oCAC9H,GACL,+CAEoC,KAAKC,GAAkB;CAGpE;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAGnC,AAFA,MAAM,QAAQ,CAAK,GACnB,KAAK,WAAW,eAAe,GAAG,KAAK,UAAU,KAAA,IAAY,KAAK,KAAK,SACvE,KAAK,WAAW,eAAe,GAAG,KAAK;EACvC,IAAM,IAAa,KAAK;EACxB,KAAK,WAAW,aACb,KAAK,UAAU,EAAW,KAAK,WAAW,EAAW,KAAK,YAAY,YACnE,EAAW,KAAK,UAChB,KAAK,KAAK,gBAAgB;CAClC;CAEA,KAAoB;EAElB,AADA,KAAKD,KAAwB,KAAK,0BAA0B,SAAS,GACrE,KAAK,cAAc;CACrB;AACF;GAlEG,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAGzB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,OAAA,KAAA,CAAA,MAGzB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAKxC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAEzB,EAAsB,EAAE,MAAM,cAAc,CAAC,CAAA,GAAA,EAAA,WAAA,6BAAA,KAAA,CAAA,UAjC/C,EAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"progress-ring2.js","names":["#i18nController"],"sources":["../../src/progress-ring/progress-ring.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 type { Size, SupportStatus } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  I18nController,\n  scopedRegistry,\n  statusIcons,\n  useStyles\n} from '@nvidia-elements/core/internal';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './progress-ring.css?inline';\n\n/**\n * @element nve-progress-ring\n * @description The `progress-ring` component shows the status of a pending task. It also serves the basis of the page loading element.\n * @since 0.17.0\n * @entrypoint \\@nvidia-elements/core/progress-ring\n * @slot - Content to display in the ring center. Defaults to a status icon.\n * @cssprop --background-color\n * @cssprop --ring-color\n * @cssprop --ring-background-opacity\n * @cssprop --ring-width\n * @cssprop --width\n * @cssprop --height\n * @cssprop --animation-duration\n * @cssprop --color\n * @csspart icon - The icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role\n */\n@scopedRegistry()\nexport class ProgressRing extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-progress-ring',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  /** The current `value` of the progress ring. When not set, an indeterminate animation will show. */\n  @property({ type: Number }) value?: number;\n\n  /** The `max` value of the progress ring that the `value` is proportionally scaled to. */\n  @property({ type: Number }) max? = 100;\n\n  /** Four visual treatments represent the `status` of tasks. When `status` changes to `warning`, `success`, or `danger`, the component embeds appropriate icons. */\n  @property({ type: String, reflect: true }) status?: SupportStatus | 'neutral' = 'neutral';\n\n  /** T-shirt `size` of the progress indicator, used to scale the ring. */\n  @property({ type: String, reflect: true }) size?: Size | 'xxs' | 'xs' | 'xl';\n\n  #i18nController: I18nController<this> = new I18nController<this>(this);\n\n  /** Enables updating internal string values for internationalization. */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  render() {\n    return html`\n      <div internal-host ?indeterminate=${this.value === undefined}>\n        <svg viewBox=\"0 0 16 16\" role=\"presentation\">\n          <circle cx=\"8px\" cy=\"8px\" r=\"6.5px\" class=\"background\"></circle>\n          <circle cx=\"8px\" cy=\"8px\" r=\"6.5px\" class=\"ring\"\n            stroke-dasharray=${`${((this.value ?? 0) / (this.max ?? 100)) * 44}px 44px`}>\n          </circle>\n        </svg>\n        <slot>\n          ${\n            this.status !== 'accent'\n              ? html`<nve-icon part=\"icon\" .name=${this.status ? statusIcons[this.status] : undefined} .status=${this.status as SupportStatus} aria-hidden=\"true\"></nve-icon>`\n              : ''\n          }\n        </slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'progressbar';\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this._internals.ariaValueNow = `${this.value === undefined ? '' : this.value}`;\n    this._internals.ariaValueMax = `${this.max}`;\n    const i18nRecord = this.i18n as Record<string, string | undefined>;\n    this._internals.ariaLabel =\n      (this.status && i18nRecord[this.status] && i18nRecord[this.status] !== 'neutral'\n        ? i18nRecord[this.status]!\n        : this.i18n.information) ?? null;\n  }\n}\n"],"mappings":";;;;;;;;;;;AAmCO,IAAA,IAAA,cAA2B,EAAW;;0BAmBR,mBAG6C,qBAKxC,IAAI,EAAqB,IAAI,eAGlC,KAAKA,GAAgB;;;gBA7BxC,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAiBA;CAKA,SAAS;EACP,OAAO,CAAI,sCAC2B,KAAK,UAAU,KAAA,EAAU,oLAIpC,IAAK,KAAK,SAAS,MAAM,KAAK,OAAO,OAAQ,GAAG,SAAS,yBAK5E,KAAK,WAAW,WAEZ,KADA,CAAI,gCAA+B,KAAK,SAAS,EAAY,KAAK,UAAU,KAAA,EAAU,aAAW,KAAK,OAAwB,kCAEnI;CAIT;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAGnC,AAFA,MAAM,QAAQ,CAAK,GACnB,KAAK,WAAW,eAAe,GAAG,KAAK,UAAU,KAAA,IAAY,KAAK,KAAK,SACvE,KAAK,WAAW,eAAe,GAAG,KAAK;EACvC,IAAM,IAAa,KAAK;EACxB,KAAK,WAAW,aACb,KAAK,UAAU,EAAW,KAAK,WAAW,EAAW,KAAK,YAAY,YACnE,EAAW,KAAK,UAChB,KAAK,KAAK,gBAAgB;CAClC;AACF;GApDG,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAGzB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,OAAA,KAAA,CAAA,MAGzB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAKxC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UA/B3B,EAAe,CAAA,GAAA,CAAA"}

package/dist/progressive-filter-chip/progressive-filter-chip.d.ts

@@ -45,6 +45,6 @@ export declare class ProgressiveFilterChip extends LitElement {
     static styles: import('lit').CSSResult[];
     /** @private */
     _internals: ElementInternals;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
     connectedCallback(): void;
 }

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

@@ -1,11 +1,11 @@
-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.130.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";
-import { scopedRegistry as s } from "../internal/decorators/scoped-registry.js";
-import { useStyles as c } from "../internal/styles/index.js";
+import { I18nController as e } from "../internal/controllers/i18n.controller.js";
+import { appendRootNodeStyle as t, generateId as n } from "../internal/utils/dom.js";
+import { attachInternals as r } from "../internal/utils/a11y.js";
+import { TypeClosableController as i } from "../internal/controllers/type-closable.controller.js";
+import { typeSSR as a } from "../internal/controllers/type-ssr.controller.js";
+import { scopedRegistry as o } from "../internal/decorators/scoped-registry.js";
+import { useStyles as s } from "../internal/styles/index.js";
+import { __decorate as c } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
 import { IconButton as l } from "../icon-button/icon-button2.js";
 import { Input as u } from "../input/input2.js";
 import { Select as d } from "../select/select2.js";
@@ -17,13 +17,13 @@ import { property as v } from "lit/decorators/property.js";
 import { state as y } from "lit/decorators/state.js";
 //#region src/progressive-filter-chip/progressive-filter-chip.ts
 var b = class extends h {
-	constructor(...e) {
-		super(...e), this.#e = new i(this), this.i18n = this.#e.i18n, this.inputs = [], this.#t = new a(this);
+	constructor(...t) {
+		super(...t), this.#e = new e(this), this.i18n = this.#e.i18n, this.inputs = [], this.#t = new i(this);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-progressive-filter-chip",
-			version: "0.2.2"
+			version: "0.2.4"
 		};
 	}
 	static {
@@ -36,7 +36,7 @@ var b = class extends h {
 	}
 	#e;
 	static {
-		this.styles = c([m]);
+		this.styles = s([m]);
 	}
 	#t;
 	#n(e) {
@@ -47,7 +47,7 @@ var b = class extends h {
 		return g`<div internal-host>${this.inputs.map((e) => this.#n(e))} ${this.closable ? g`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" @click="${() => this.#t.close()}" .ariaLabel="${this.i18n.close}" icon-name="cancel"></nve-icon-button>` : _}</div><slot hidden-slot @slotchange="${this.#i}"></slot>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), n(this), this._internals.role = "toolbar", this.setAttribute("nve-control", ""), e(this, p);
+		super.connectedCallback(), r(this), this._internals.role = "toolbar", this.setAttribute("nve-control", ""), t(this, p);
 	}
 	#r(e) {
 		e.target.assignedElements().length || this.#a();
@@ -56,14 +56,14 @@ var b = class extends h {
 		if (e.target && e.target.assignedElements().length) {
 			this.#a();
 			let e = Array.from(this.shadowRoot.querySelector("slot:not([name])").assignedElements()).filter((e) => e.matches("input, select, nve-button, [nve-control]"));
-			e.forEach((e) => e.slot = t()), this.inputs = e.length ? e : this.inputs;
+			e.forEach((e) => e.slot = n()), this.inputs = e.length ? e : this.inputs;
 		}
 	}
 	#a() {
 		Array.from(this.shadowRoot.querySelectorAll("slot")).flatMap((e) => e.assignedElements()).forEach((e) => e.slot = "");
 	}
 };
-r([v({ type: Boolean })], b.prototype, "closable", void 0), r([v({ type: Object })], b.prototype, "i18n", void 0), r([y()], b.prototype, "inputs", void 0), b = r([o(), s()], b);
+c([v({ type: Boolean })], b.prototype, "closable", void 0), c([v({ type: Object })], b.prototype, "i18n", void 0), c([y()], b.prototype, "inputs", void 0), b = c([a(), o()], b);
 //#endregion
 export { b as ProgressiveFilterChip };
 

package/dist/pulse/pulse.d.ts

@@ -29,5 +29,5 @@ export declare class Pulse extends LitElement {
     size?: Size | 'xs';
     /** These visual treatments represent the `status` of different tasks. When `status` changes to `accent`, `warning` or `danger`, the component embeds appropriate colors. */
     status?: 'accent' | 'warning' | 'danger';
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }

package/dist/pulse/pulse2.js

@@ -1,6 +1,6 @@
 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 { useStyles as n } from "../internal/styles/index.js";
+import { useStyles as t } from "../internal/styles/index.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.132.0/helpers/decorate.js";
 import { Icon as r } from "../icon/icon2.js";
 import i from "./pulse.js";
 import { LitElement as a, html as o } from "lit";
@@ -8,12 +8,12 @@ import { property as s } from "lit/decorators/property.js";
 //#region src/pulse/pulse.ts
 var c = class extends a {
 	static {
-		this.styles = n([i]);
+		this.styles = t([i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-pulse",
-			version: "0.2.2"
+			version: "0.2.4"
 		};
 	}
 	static {
@@ -26,10 +26,10 @@ var c = class extends a {
 		return o`<svg internal-host width="100%" height="100%" viewBox="0 0 200 200"><circle class="circle" cx="100" cy="100" r="25"></circle><circle class="circle c1" cx="100" cy="100" r="25"></circle><circle class="circle c2" cx="100" cy="100" r="25"></circle><circle class="circle c3" cx="100" cy="100" r="25"></circle></svg>`;
 	}
 };
-t([s({
+n([s({
 	type: String,
 	reflect: !0
-})], c.prototype, "size", void 0), t([s({
+})], c.prototype, "size", void 0), n([s({
 	type: String,
 	reflect: !0
 })], c.prototype, "status", void 0);

package/dist/radio/radio-group2.js

@@ -1,18 +1,18 @@
-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";
+import { audit as e } from "../internal/controllers/audit.controller.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 { ControlGroup as i } from "../forms/control-group/control-group2.js";
 import a from "./radio-group.js";
 //#region src/radio/radio-group.ts
 var o = class extends i {
 	static {
-		this.styles = r([...i.styles, a]);
+		this.styles = n([...i.styles, a]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-radio-group",
-			version: "0.2.2",
+			version: "0.2.4",
 			children: [
 				"label",
 				"nve-control-message",
@@ -21,7 +21,7 @@ var o = class extends i {
 		};
 	}
 };
-o = e([t(), n()], o);
+o = r([e(), t()], o);
 //#endregion
 export { o as RadioGroup };
 

package/dist/radio/radio2.js

@@ -1,7 +1,7 @@
-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";
+import { audit as e } from "../internal/controllers/audit.controller.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 { Control as i } from "../forms/control/control2.js";
 import a from "./radio.js";
 //#region src/radio/radio.ts
@@ -10,12 +10,12 @@ var o = class extends i {
 		super(...e), this.nveControl = "inline";
 	}
 	static {
-		this.styles = r([...i.styles, a]);
+		this.styles = n([...i.styles, a]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-radio",
-			version: "0.2.2",
+			version: "0.2.4",
 			children: [
 				"label",
 				"input",
@@ -24,7 +24,7 @@ var o = class extends i {
 		};
 	}
 };
-e([n({ attribute: "nve-control" })], o.prototype, "nveControl", void 0), o = e([t()], o);
+r([t({ attribute: "nve-control" })], o.prototype, "nveControl", void 0), o = r([e()], o);
 //#endregion
 export { o as Radio };
 

package/dist/range/range.d.ts

@@ -30,5 +30,5 @@ export declare class Range extends Control {
     connectedCallback(): void;
     firstUpdated(props: PropertyValues<this>): void;
     updated(props: PropertyValues<this>): void;
-    protected get suffixContent(): typeof nothing | import('lit-html').TemplateResult<1>;
+    protected get suffixContent(): typeof nothing | import('lit').TemplateResult<1>;
 }

package/dist/range/range2.js

@@ -1,6 +1,6 @@
 import { appendRootNodeStyle as e, getElementUpdate as t } from "../internal/utils/dom.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 { Control as i } from "../forms/control/control2.js";
 import a from "./range.global.js";
 import o from "./range.js";
@@ -12,12 +12,12 @@ var d = class extends i {
 		super(...e), this.orientation = "horizontal";
 	}
 	static {
-		this.styles = r([...i.styles, o]);
+		this.styles = n([...i.styles, o]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-range",
-			version: "0.2.2"
+			version: "0.2.4"
 		};
 	}
 	connectedCallback() {
@@ -45,7 +45,7 @@ var d = class extends i {
 		})}</div>`;
 	}
 };
-n([u({
+r([u({
 	type: String,
 	reflect: !0
 })], d.prototype, "orientation", void 0);