@nvidia-elements/core 0.0.1 → 0.0.3

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

@@ -0,0 +1,56 @@
+import { attachInternals as e } from "../internal/utils/a11y.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";
+import { statusIcons as a } from "../internal/types/index.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.i18n = this.#e.i18n;
+	}
+	static {
+		this.styles = i([s]);
+	}
+	static {
+		this.metadata = {
+			tag: "nve-progress-ring",
+			version: "0.0.3"
+		};
+	}
+	static {
+		this.elementDefinitions = { [o.metadata.tag]: o };
+	}
+	#e = new n(this);
+	#t = !1;
+	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>`;
+	}
+	connectedCallback() {
+		super.connectedCallback(), e(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({
+	type: String,
+	reflect: !0
+})], f.prototype, "status", void 0), t([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);
+//#endregion
+export { f as ProgressRing };
+
+//# sourceMappingURL=progress-ring2.js.map

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

@@ -0,0 +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 { attachInternals, I18nController, scopedRegistry, statusIcons, useStyles } 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":";;;;;;;;;;;;AA+BO,IAAA,IAAA,cAA2B,EAAW;;0BAmBR,mBAG6C,uBAQ7C,MAAA,EAAqB;;;gBA7BxC,EAAU,CAAC,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B,GACzB,EAAK,SAAS,MAAM,GACtB;;CAiBD,KAAwC,IAAI,EAAqB,KAAK;CAWtE,KAAwB;CAExB,SAAS;AACP,SAAO,CAAI,sCAC2B,KAAK,UAAU,KAAA,EAAU,oLAIpC,IAAK,KAAK,SAAS,MAAM,KAAK,OAAO,OAAQ,GAAG,SAAS,yBAK5E,KAAK,WAAW,YAAY,CAAC,MAAA,IACzB,CAAI,gCAA+B,KAAK,SAAS,EAAY,KAAK,UAAU,KAAA,EAAU,aAAW,KAAK,OAAwB,oCAC9H,GACL,+CAEoC,MAAA,EAAuB;;CAKpE,oBAAoB;AAGlB,EAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO;;CAGzB,QAAQ,GAA6B;AAGnC,EAFA,MAAM,QAAQ,EAAM,EACpB,KAAK,WAAW,eAAe,GAAG,KAAK,UAAU,KAAA,IAAY,KAAK,KAAK,SACvE,KAAK,WAAW,eAAe,GAAG,KAAK;EACvC,IAAM,IAAa,KAAK;AACxB,OAAK,WAAW,aACb,KAAK,UAAU,EAAW,KAAK,WAAW,EAAW,KAAK,YAAY,YACnE,EAAW,KAAK,UAChB,KAAK,KAAK,gBAAgB;;CAGlC,KAAoB;AAElB,EADA,MAAA,IAA6B,KAAK,0BAA0B,SAAS,GACrE,KAAK,eAAe;;;GAhErB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAG1B,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,OAAA,KAAA,EAAA,KAG1B,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAKzC,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAE1B,EAAsB,EAAE,MAAM,eAAe,CAAC,CAAA,EAAA,EAAA,WAAA,6BAAA,KAAA,EAAA,SAjChD,GAAgB,CAAA,EAAA,EAAA"}

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

@@ -0,0 +1,6 @@
+import { ProgressiveFilterChip } from '.';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nve-progressive-filter-chip': ProgressiveFilterChip;
+    }
+}

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

@@ -0,0 +1,7 @@
+import { define as e } from "../internal/utils/dom.js";
+import { ProgressiveFilterChip as t } from "./progressive-filter-chip2.js";
+//#region src/progressive-filter-chip/define.ts
+e(t);
+//#endregion
+
+//# sourceMappingURL=define.js.map

package/dist/progressive-filter-chip/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","names":[],"sources":["../../src/progressive-filter-chip/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 { ProgressiveFilterChip } from '@nvidia-elements/core/progressive-filter-chip';\n\ndefine(ProgressiveFilterChip);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-progressive-filter-chip': ProgressiveFilterChip;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,EAAsB"}

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

@@ -0,0 +1 @@
+export * from './progressive-filter-chip.js';

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

@@ -0,0 +1,2 @@
+import { ProgressiveFilterChip as e } from "./progressive-filter-chip2.js";
+export { e as ProgressiveFilterChip };

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

@@ -0,0 +1,50 @@
+import { LitElement } from 'lit';
+import { Input } from '../input';
+import { Select } from '../select';
+import { Date } from '../date';
+import { IconButton } from '../icon-button';
+/**
+ * @element nve-progressive-filter-chip
+ * @description A filter chip is a control that enables users to select many options from a set of choices.
+ * @since 0.16.0
+ * @entrypoint \@nvidia-elements/core/progressive-filter-chip
+ * @slot - default slot for content
+ * @event close - Dispatched when the filter chip closes.
+ * @cssprop --gap
+ * @cssprop --border-radius
+ * @cssprop --border
+ * @cssprop --background
+ * @cssprop --font-weight
+ * @cssprop --padding
+ * @cssprop --width
+ * @csspart select - The select element
+ * @csspart date - The date input element
+ * @csspart input - The input element
+ * @csspart icon-button - The icon button element
+ * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/
+ */
+export declare class ProgressiveFilterChip extends LitElement {
+    #private;
+    static readonly metadata: {
+        tag: string;
+        version: string;
+    };
+    static elementDefinitions: {
+        [Input.metadata.tag]: typeof Input;
+        [Select.metadata.tag]: typeof Select;
+        [Date.metadata.tag]: typeof Date;
+        [IconButton.metadata.tag]: typeof IconButton;
+    };
+    /** Determines if a close button should render within filter chip */
+    closable: boolean;
+    /** Enables updating internal string values for internationalization. */
+    i18n: Partial<import('../internal').I18nStrings & {
+        __set: boolean;
+    }>;
+    private inputs;
+    static styles: import('lit').CSSResult[];
+    /** @private */
+    _internals: ElementInternals;
+    render(): import('lit-html').TemplateResult<1>;
+    connectedCallback(): void;
+}

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

@@ -0,0 +1,6 @@
+//#region src/progressive-filter-chip/progressive-filter-chip.examples.ts
+var e = "";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=progressive-filter-chip.examples.js.map

package/dist/progressive-filter-chip/progressive-filter-chip.examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressive-filter-chip.examples.js","names":[],"sources":["../../src/progressive-filter-chip/progressive-filter-chip.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/progressive-filter-chip/define.js';\nimport '@nvidia-elements/core/input/define.js';\nimport '@nvidia-elements/core/card/define.js';\nimport '@nvidia-elements/core/select/define.js';\n\nexport default {\n  title: 'Elements/Progressive Filter Chip',\n  component: 'nve-progressive-filter-chip',\n};\n\n/**\n * @summary Basic progressive filter chip with cascading select dropdowns for multi-criteria filtering.\n */\nexport const Default = {\n  render: () => html`\n    <nve-progressive-filter-chip closable>\n      <nve-select>\n        <select aria-label=\"dataset\">\n          <option>workload</option>\n          <option selected>instance</option>\n        </select>\n      </nve-select>\n      <nve-select>\n        <select aria-label=\"condition\">\n          <option>sort by</option>\n          <option selected>filter by</option>\n        </select>\n      </nve-select>\n      <nve-select>\n        <select aria-label=\"filter\">\n          <option selected>utilization</option>\n          <option>status</option>\n        </select>\n      </nve-select>\n    </nve-progressive-filter-chip>\n  `\n}\n\n/**\n * @summary Progressive filter chip with proper layer stacking within dropdown contexts.\n */\nexport const Layer = {\n  render: () => html`\n    <nve-progressive-filter-chip closable>\n      <nve-select>\n        <select aria-label=\"dataset\">\n          <option>workload</option>\n          <option selected>instance</option>\n        </select>\n      </nve-select>\n      <nve-select>\n        <select aria-label=\"condition\">\n          <option>sort by</option>\n          <option selected>filter by</option>\n        </select>\n      </nve-select>\n      <nve-select>\n        <select aria-label=\"filter\">\n          <option selected>utilization</option>\n          <option>status</option>\n        </select>\n      </nve-select>\n    </nve-progressive-filter-chip>\n  `\n}\n\n/**\n * @summary Progressive filter chip with multi-select dropdown for filtering by many values simultaneously.\n */\nexport const Multiple = {\nrender: () => html`\n    <nve-progressive-filter-chip closable>\n      <nve-select>\n        <select aria-label=\"dataset\">\n          <option selected>status</option>\n          <option>workload</option>\n        </select>\n      </nve-select>\n      <nve-select>\n        <select aria-label=\"condition\">\n          <option selected>filter by</option>\n          <option>sort by</option>\n        </select>\n      </nve-select>\n      <nve-select>\n        <select multiple aria-label=\"filter\">\n          <option selected>progress</option>\n          <option>pending</option>\n          <option>success</option>\n          <option>failed</option>\n        </select>\n      </nve-select>\n    </nve-progressive-filter-chip>\n  `\n}\n\n/**\n * @summary Progressive filter chip with numeric text input for threshold-based filtering (greater than, less than).\n */\nexport const TextInput = {\n  render: () => html`\n    <nve-progressive-filter-chip closable>\n      <nve-select>\n        <select aria-label=\"dataset\">\n          <option selected>memory</option>\n          <option>CPU</option>\n        </select>\n      </nve-select>\n      <nve-select>\n        <select aria-label=\"condition\">\n          <option selected>greater than</option>\n          <option>less than</option>\n          <option>equal to</option>\n        </select>\n      </nve-select>\n      <nve-input>\n        <input type=\"number\" min=\"0\" max=\"100\" value=\"50\" aria-label=\"filter\" />\n      </nve-input>\n    </nve-progressive-filter-chip>\n  `\n}\n\n/**\n * @summary Progressive filter chip with date picker inputs for filtering by date range criteria.\n */\nexport const DateRange = {\n  render: () => html`\n    <nve-progressive-filter-chip>\n      <nve-select>\n        <select aria-label=\"date type\">\n          <option>recording date</option>\n          <option>process date</option>\n        </select>\n      </nve-select>\n      <nve-date>\n        <input type=\"date\" value=\"2022-05-11\" aria-label=\"start date\" />\n      </nve-date>\n      <nve-date>\n        <input type=\"date\" value=\"2022-12-07\" aria-label=\"end date\" />\n      </nve-date>\n    </nve-progressive-filter-chip>\n    `\n}\n\n/**\n * @summary Progressive filter chip with custom button trigger opening a map coordinate picker dropdown.\n */\nexport const Custom = {\n  render: () => html`\n    <nve-progressive-filter-chip closable>\n      <nve-select>\n        <select aria-label=\"dataset\">\n          <option>GPS</option>\n          <option selected>Cellular</option>\n        </select>\n      </nve-select>\n      <nve-select>\n        <select aria-label=\"condition\">\n          <option>contains</option>\n          <option>excludes</option>\n        </select>\n      </nve-select>\n      <nve-button style=\"width: 190px\" popovertarget=\"map-dropdown\">37.3706254,-121.9671894</nve-button>\n    </nve-progressive-filter-chip>\n    <nve-dropdown id=\"map-dropdown\">\n      <nve-input>\n        <nve-icon-button icon-name=\"map-pin\" readonly></nve-icon-button>\n        <input value=\"37.3706254,-121.9671894\" disabled aria-label=\"map coordinates\" />\n      </nve-input>\n      <img src=\"static/images/test-map-2.webp\" width=\"300px\" alt=\"non-interactive demo map\" />\n    </nve-dropdown>\n  `\n}\n\n/**\n * @summary Progressive filter chip with input validation states showing required field and error styling.\n */\nexport const Validation = {\n  render: () => html`\n<div nve-layout=\"column gap:lg\">\n  <nve-progressive-filter-chip closable>\n    <nve-input>\n      <input type=\"text\" value=\"validation\" required aria-label=\"validation\" />\n      <nve-control-message error=\"valueMissing\">required</nve-control-message>\n    </nve-input>\n    <nve-input>\n      <input type=\"text\" aria-label=\"validation\" />\n    </nve-input>\n  </nve-progressive-filter-chip>\n\n  <nve-progressive-filter-chip closable>\n    <nve-input status=\"error\">\n      <input type=\"text\" value=\"manual validation\" formnovalidate aria-label=\"manual validation\" />\n    </nve-input>\n    <nve-input>\n      <input type=\"text\" aria-label=\"validation\" />\n    </nve-input>\n  </nve-progressive-filter-chip>\n</div>\n  `\n}\n"],"mappings":";AAGA,IAAA,IAAS"}

package/dist/progressive-filter-chip/progressive-filter-chip.examples.json

@@ -0,0 +1,69 @@
+{
+  "element": "nve-progressive-filter-chip",
+  "entrypoint": "@nvidia-elements/core/progressive-filter-chip/progressive-filter-chip.examples.json",
+  "items": [
+    {
+      "id": "core-progressive-filter-chip_default",
+      "name": "Default",
+      "template": "<nve-progressive-filter-chip closable>\n  <nve-select>\n    <select aria-label=\"dataset\">\n      <option>workload</option>\n      <option selected>instance</option>\n    </select>\n  </nve-select>\n  <nve-select>\n    <select aria-label=\"condition\">\n      <option>sort by</option>\n      <option selected>filter by</option>\n    </select>\n  </nve-select>\n  <nve-select>\n    <select aria-label=\"filter\">\n      <option selected>utilization</option>\n      <option>status</option>\n    </select>\n  </nve-select>\n</nve-progressive-filter-chip>\n",
+      "summary": "Basic progressive filter chip with cascading select dropdowns for multi-criteria filtering.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "core-progressive-filter-chip_layer",
+      "name": "Layer",
+      "template": "<nve-progressive-filter-chip closable>\n  <nve-select>\n    <select aria-label=\"dataset\">\n      <option>workload</option>\n      <option selected>instance</option>\n    </select>\n  </nve-select>\n  <nve-select>\n    <select aria-label=\"condition\">\n      <option>sort by</option>\n      <option selected>filter by</option>\n    </select>\n  </nve-select>\n  <nve-select>\n    <select aria-label=\"filter\">\n      <option selected>utilization</option>\n      <option>status</option>\n    </select>\n  </nve-select>\n</nve-progressive-filter-chip>\n",
+      "summary": "Progressive filter chip with proper layer stacking within dropdown contexts.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "core-progressive-filter-chip_multiple",
+      "name": "Multiple",
+      "template": "<nve-progressive-filter-chip closable>\n  <nve-select>\n    <select aria-label=\"dataset\">\n      <option selected>status</option>\n      <option>workload</option>\n    </select>\n  </nve-select>\n  <nve-select>\n    <select aria-label=\"condition\">\n      <option selected>filter by</option>\n      <option>sort by</option>\n    </select>\n  </nve-select>\n  <nve-select>\n    <select multiple aria-label=\"filter\">\n      <option selected>progress</option>\n      <option>pending</option>\n      <option>success</option>\n      <option>failed</option>\n    </select>\n  </nve-select>\n</nve-progressive-filter-chip>\n",
+      "summary": "Progressive filter chip with multi-select dropdown for filtering by many values simultaneously.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "core-progressive-filter-chip_text-input",
+      "name": "TextInput",
+      "template": "<nve-progressive-filter-chip closable>\n  <nve-select>\n    <select aria-label=\"dataset\">\n      <option selected>memory</option>\n      <option>CPU</option>\n    </select>\n  </nve-select>\n  <nve-select>\n    <select aria-label=\"condition\">\n      <option selected>greater than</option>\n      <option>less than</option>\n      <option>equal to</option>\n    </select>\n  </nve-select>\n  <nve-input>\n    <input type=\"number\" min=\"0\" max=\"100\" value=\"50\" aria-label=\"filter\" />\n  </nve-input>\n</nve-progressive-filter-chip>\n",
+      "summary": "Progressive filter chip with numeric text input for threshold-based filtering (greater than, less than).",
+      "description": "",
+      "composition": true,
+      "tags": []
+    },
+    {
+      "id": "core-progressive-filter-chip_date-range",
+      "name": "DateRange",
+      "template": "<nve-progressive-filter-chip>\n  <nve-select>\n    <select aria-label=\"date type\">\n      <option>recording date</option>\n      <option>process date</option>\n    </select>\n  </nve-select>\n  <nve-date>\n    <input type=\"date\" value=\"2022-05-11\" aria-label=\"start date\" />\n  </nve-date>\n  <nve-date>\n    <input type=\"date\" value=\"2022-12-07\" aria-label=\"end date\" />\n  </nve-date>\n</nve-progressive-filter-chip>\n",
+      "summary": "Progressive filter chip with date picker inputs for filtering by date range criteria.",
+      "description": "",
+      "composition": true,
+      "tags": []
+    },
+    {
+      "id": "core-progressive-filter-chip_custom",
+      "name": "Custom",
+      "template": "<nve-progressive-filter-chip closable>\n  <nve-select>\n    <select aria-label=\"dataset\">\n      <option>GPS</option>\n      <option selected>Cellular</option>\n    </select>\n  </nve-select>\n  <nve-select>\n    <select aria-label=\"condition\">\n      <option>contains</option>\n      <option>excludes</option>\n    </select>\n  </nve-select>\n  <nve-button style=\"width: 190px\" popovertarget=\"map-dropdown\">37.3706254,-121.9671894</nve-button>\n</nve-progressive-filter-chip>\n<nve-dropdown id=\"map-dropdown\">\n  <nve-input>\n    <nve-icon-button icon-name=\"map-pin\" readonly></nve-icon-button>\n    <input value=\"37.3706254,-121.9671894\" disabled aria-label=\"map coordinates\" />\n  </nve-input>\n  <img src=\"static/images/test-map-2.webp\" width=\"300px\" alt=\"non-interactive demo map\" />\n</nve-dropdown>\n",
+      "summary": "Progressive filter chip with custom button trigger opening a map coordinate picker dropdown.",
+      "description": "",
+      "composition": true,
+      "tags": []
+    },
+    {
+      "id": "core-progressive-filter-chip_validation",
+      "name": "Validation",
+      "template": "<div nve-layout=\"column gap:lg\">\n  <nve-progressive-filter-chip closable>\n    <nve-input>\n      <input type=\"text\" value=\"validation\" required aria-label=\"validation\" />\n      <nve-control-message error=\"valueMissing\">required</nve-control-message>\n    </nve-input>\n    <nve-input>\n      <input type=\"text\" aria-label=\"validation\" />\n    </nve-input>\n  </nve-progressive-filter-chip>\n  <nve-progressive-filter-chip closable>\n    <nve-input status=\"error\">\n      <input type=\"text\" value=\"manual validation\" formnovalidate aria-label=\"manual validation\" />\n    </nve-input>\n    <nve-input>\n      <input type=\"text\" aria-label=\"validation\" />\n    </nve-input>\n  </nve-progressive-filter-chip>\n</div>\n",
+      "summary": "Progressive filter chip with input validation states showing required field and error styling.",
+      "description": "",
+      "composition": true,
+      "tags": []
+    }
+  ]
+}

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

@@ -0,0 +1,6 @@
+//#region src/progressive-filter-chip/progressive-filter-chip.global.css?inline
+var e = "nve-progressive-filter-chip{&:has([status=error]){--background: transparent}input::placeholder,textarea::placeholder{color:var(--nve-sys-text-placeholder-color)!important}nve-select:not(:state(multiple)){--padding: 0 var(--nve-ref-size-200)}nve-select:not(:state(multiple))::part(caret){display:none}}nve-progressive-filter-chip input::-webkit-search-cancel-button,nve-progressive-filter-chip input::-webkit-calendar-picker-indicator{opacity:0!important;display:none!important}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=progressive-filter-chip.global.js.map

package/dist/progressive-filter-chip/progressive-filter-chip.global.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressive-filter-chip.global.js","names":[],"sources":["../../src/progressive-filter-chip/progressive-filter-chip.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-progressive-filter-chip,\nnve-progressive-filter-chip {\n  &:has([status='error']) {\n    --background: transparent;\n  }\n\n  input::placeholder,\n  textarea::placeholder {\n    color: var(--nve-sys-text-placeholder-color) !important;\n  }\n\n  nve-select:not(:state(multiple)),\n  nve-select:not(:state(multiple)) {\n    --padding: 0 var(--nve-ref-size-200);\n  }\n\n  nve-select:not(:state(multiple))::part(caret),\n  nve-select:not(:state(multiple))::part(caret) {\n    display: none;\n  }\n}\n\nnve-progressive-filter-chip input::-webkit-search-cancel-button,\nnve-progressive-filter-chip input::-webkit-calendar-picker-indicator,\nnve-progressive-filter-chip input::-webkit-search-cancel-button,\nnve-progressive-filter-chip input::-webkit-calendar-picker-indicator {\n  opacity: 0 !important;\n  display: none !important;\n}\n"],"mappings":""}

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

@@ -0,0 +1,6 @@
+//#region src/progressive-filter-chip/progressive-filter-chip.css?inline
+var e = ":host{--gap: 1px;--border-radius: var(--nve-ref-border-radius-sm);--background: color-mix( in oklab, var(--nve-sys-interaction-field-background) 95%, var(--nve-sys-interaction-state-mix) );width:fit-content;min-width:fit-content;contain:initial;--border: none}[internal-host]{gap:var(--gap);border-radius:var(--border-radius);background:var(--background);display:flex;overflow:hidden;border:var(--border)}[nve-control],::slotted(nve-button){--font-weight: var(--nve-ref-font-weight-medium);--border-radius: 0;--width: fit-content}::slotted([nve-control]){--font-weight: var(--nve-ref-font-weight-medium);--border-radius: 0}[internal-host]>:nth-child(2){--font-weight: var(--nve-ref-font-weight-regular)}nve-select:not(:state(multiple))::part(caret){display:none}nve-icon-button{--border-radius: 0;--padding: var(--nve-ref-size-300)}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=progressive-filter-chip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progressive-filter-chip.js","names":[],"sources":["../../src/progressive-filter-chip/progressive-filter-chip.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  --gap: 1px;\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --background: color-mix(\n    in oklab,\n    var(--nve-sys-interaction-field-background) 95%,\n    var(--nve-sys-interaction-state-mix)\n  );\n  width: fit-content;\n  min-width: fit-content;\n  contain: initial;\n  --border: none;\n}\n\n[internal-host] {\n  gap: var(--gap);\n  border-radius: var(--border-radius);\n  background: var(--background);\n  display: flex;\n  overflow: hidden;\n  border: var(--border);\n}\n\n[nve-control],\n::slotted(nve-button),\n::slotted(nve-button) {\n  --font-weight: var(--nve-ref-font-weight-medium);\n  --border-radius: 0;\n  --width: fit-content;\n}\n\n::slotted([nve-control]),\n::slotted([nve-control]) {\n  --font-weight: var(--nve-ref-font-weight-medium);\n  --border-radius: 0;\n}\n\n[internal-host] > :nth-child(2) {\n  --font-weight: var(--nve-ref-font-weight-regular);\n}\n\nnve-select:not(:state(multiple))::part(caret) {\n  display: none;\n}\n\nnve-icon-button {\n  --border-radius: 0;\n  --padding: var(--nve-ref-size-300);\n}\n"],"mappings":""}

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

@@ -0,0 +1,70 @@
+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.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";
+import { scopedRegistry as s } from "../internal/decorators/scoped-registry.js";
+import { useStyles as c } from "../internal/styles/index.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";
+import { Date as f } from "../date/date2.js";
+import p from "./progressive-filter-chip.global.js";
+import m from "./progressive-filter-chip.js";
+import { LitElement as h, html as g, nothing as _ } from "lit";
+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.i18n = this.#e.i18n, this.inputs = [];
+	}
+	static {
+		this.metadata = {
+			tag: "nve-progressive-filter-chip",
+			version: "0.0.3"
+		};
+	}
+	static {
+		this.elementDefinitions = {
+			[u.metadata.tag]: u,
+			[d.metadata.tag]: d,
+			[f.metadata.tag]: f,
+			[l.metadata.tag]: l
+		};
+	}
+	#e = new i(this);
+	static {
+		this.styles = c([m]);
+	}
+	#t = new a(this);
+	#n(e) {
+		let t = g`<slot name="${e.slot}" @slotchange="${this.#r}"></slot>`;
+		return e.tagName === "SELECT" ? g`<nve-select part="select" multiple-overflow ?fit-text="${!e.multiple}">${t}</nve-select>` : e.tagName === "INPUT" && e.type === "date" ? g`<nve-date part="date">${t}</nve-date>` : e.tagName === "INPUT" ? g`<nve-input part="input">${t}</nve-input>` : t;
+	}
+	render() {
+		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);
+	}
+	#r(e) {
+		e.target.assignedElements().length || this.#a();
+	}
+	#i(e) {
+		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-button, [nve-control], [nve-control]"));
+			e.forEach((e) => e.slot = t()), 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);
+//#endregion
+export { b as ProgressiveFilterChip };
+
+//# sourceMappingURL=progressive-filter-chip2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progressive-filter-chip2.js","names":["#i18nController","#removeItem","#getControlTemplate","#typeClosableController","#createItems","#resetItems"],"sources":["../../src/progressive-filter-chip/progressive-filter-chip.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport {\n  appendRootNodeStyle,\n  attachInternals,\n  generateId,\n  I18nController,\n  scopedRegistry,\n  TypeClosableController,\n  typeSSR,\n  useStyles\n} from '@nvidia-elements/core/internal';\nimport { Input } from '@nvidia-elements/core/input';\nimport { Select } from '@nvidia-elements/core/select';\nimport { Date } from '@nvidia-elements/core/date';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport globalStyles from './progressive-filter-chip.global.css?inline';\nimport styles from './progressive-filter-chip.css?inline';\n\n/**\n * @element nve-progressive-filter-chip\n * @description A filter chip is a control that enables users to select many options from a set of choices.\n * @since 0.16.0\n * @entrypoint \\@nvidia-elements/core/progressive-filter-chip\n * @slot - default slot for content\n * @event close - Dispatched when the filter chip closes.\n * @cssprop --gap\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --background\n * @cssprop --font-weight\n * @cssprop --padding\n * @cssprop --width\n * @csspart select - The select element\n * @csspart date - The date input element\n * @csspart input - The input element\n * @csspart icon-button - The icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/\n */\n@typeSSR()\n@scopedRegistry()\nexport class ProgressiveFilterChip extends LitElement {\n  static readonly metadata = {\n    tag: 'nve-progressive-filter-chip',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Input.metadata.tag]: Input,\n    [Select.metadata.tag]: Select,\n    [Date.metadata.tag]: Date,\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /** Determines if a close button should render within filter chip */\n  @property({ type: Boolean }) closable: boolean;\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  @state() private inputs: Element[] = [];\n\n  static styles = useStyles([styles]);\n\n  #typeClosableController = new TypeClosableController(this);\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #getControlTemplate(el: Element) {\n    const slot = html`<slot name=${el.slot} @slotchange=${this.#removeItem}></slot>`;\n    if (el.tagName === 'SELECT') {\n      return html`<nve-select part=\"select\" multiple-overflow ?fit-text=${!(el as HTMLSelectElement).multiple}>${slot}</nve-select>`;\n    } else if (el.tagName === 'INPUT' && (el as HTMLInputElement).type === 'date') {\n      return html`<nve-date part=\"date\">${slot}</nve-date>`;\n    } else if (el.tagName === 'INPUT') {\n      return html`<nve-input part=\"input\">${slot}</nve-input>`;\n    } else {\n      return slot;\n    }\n  }\n\n  render() {\n    return html`\n    <div internal-host>\n      ${this.inputs.map(el => this.#getControlTemplate(el))}\n      ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${() => this.#typeClosableController.close()} .ariaLabel=${this.i18n.close} icon-name=\"cancel\"></nve-icon-button>` : nothing}\n    </div>\n    <slot hidden-slot @slotchange=${this.#createItems}></slot>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'toolbar';\n    this.setAttribute('nve-control', '');\n    appendRootNodeStyle(this, globalStyles);\n  }\n\n  #removeItem(e: Event) {\n    if (!(e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n    }\n  }\n\n  #createItems(e: Event) {\n    if (e.target && (e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n      const items = Array.from(\n        this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!.assignedElements()\n      ).filter(i => i.matches('input, select, nve-button, nve-button, [nve-control], [nve-control]'));\n      items.forEach(i => (i.slot = generateId()));\n      this.inputs = items.length ? items : this.inputs;\n    }\n  }\n\n  #resetItems() {\n    Array.from(this.shadowRoot!.querySelectorAll('slot'))\n      .flatMap(i => i.assignedElements())\n      .forEach(i => (i.slot = ''));\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA6CO,IAAA,IAAA,cAAoC,EAAW;;2BAmBjB,MAAA,EAAqB,oBAEnB,EAAE;;;kBApBZ;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B;IACzB,EAAM,SAAS,MAAM;IACrB,EAAO,SAAS,MAAM;IACtB,EAAK,SAAS,MAAM;IACpB,EAAW,SAAS,MAAM;GAC5B;;CAKD,KAAwC,IAAI,EAAqB,KAAK;;gBAOtD,EAAU,CAAC,EAAO,CAAC;;CAEnC,KAA0B,IAAI,EAAuB,KAAK;CAK1D,GAAoB,GAAa;EAC/B,IAAM,IAAO,CAAI,eAAc,EAAG,KAAK,iBAAe,MAAA,EAAiB;AAQrE,SAPE,EAAG,YAAY,WACV,CAAI,0DAAyD,CAAE,EAAyB,SAAS,IAAG,EAAK,iBACvG,EAAG,YAAY,WAAY,EAAwB,SAAS,SAC9D,CAAI,yBAAyB,EAAK,eAChC,EAAG,YAAY,UACjB,CAAI,2BAA2B,EAAK,gBAEpC;;CAIX,SAAS;AACP,SAAO,CAAI,sBAEP,KAAK,OAAO,KAAI,MAAM,MAAA,EAAyB,EAAG,CAAC,CAAC,GACpD,KAAK,WAAW,CAAI,yFAAwF,MAAA,EAA6B,OAAO,CAAC,gBAAc,KAAK,KAAK,MAAM,2CAA0C,EAAQ,uCAErM,MAAA,EAAkB;;CAIpD,oBAAoB;AAKlB,EAJA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO,WACvB,KAAK,aAAa,eAAe,GAAG,EACpC,EAAoB,MAAM,EAAa;;CAGzC,GAAY,GAAU;AACpB,EAAM,EAAE,OAA2B,kBAAkB,CAAC,UACpD,MAAA,GAAkB;;CAItB,GAAa,GAAU;AACrB,MAAI,EAAE,UAAW,EAAE,OAA2B,kBAAkB,CAAC,QAAQ;AACvE,SAAA,GAAkB;GAClB,IAAM,IAAQ,MAAM,KAClB,KAAK,WAAY,cAA+B,mBAAmB,CAAE,kBAAkB,CACxF,CAAC,QAAO,MAAK,EAAE,QAAQ,sEAAsE,CAAC;AAE/F,GADA,EAAM,SAAQ,MAAM,EAAE,OAAO,GAAY,CAAE,EAC3C,KAAK,SAAS,EAAM,SAAS,IAAQ,KAAK;;;CAI9C,KAAc;AACZ,QAAM,KAAK,KAAK,WAAY,iBAAiB,OAAO,CAAC,CAClD,SAAQ,MAAK,EAAE,kBAAkB,CAAC,CAClC,SAAQ,MAAM,EAAE,OAAO,GAAI;;;GAnE/B,EAAS,EAAE,MAAM,SAAS,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAK3B,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAE1B,GAAO,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,SAvBT,GAAS,EACT,GAAgB,CAAA,EAAA,EAAA"}

package/dist/pulse/define.d.ts

@@ -0,0 +1,6 @@
+import { Pulse } from '.';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nve-pulse': Pulse;
+    }
+}

package/dist/pulse/define.js

@@ -0,0 +1,7 @@
+import { define as e } from "../internal/utils/dom.js";
+import { Pulse as t } from "./pulse2.js";
+//#region src/pulse/define.ts
+e(t);
+//#endregion
+
+//# sourceMappingURL=define.js.map

package/dist/pulse/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","names":[],"sources":["../../src/pulse/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 { Pulse } from '@nvidia-elements/core/pulse';\n\ndefine(Pulse);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-pulse': Pulse;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,EAAM"}

package/dist/pulse/index.d.ts

@@ -0,0 +1 @@
+export * from './pulse.js';

package/dist/pulse/index.js

@@ -0,0 +1,2 @@
+import { Pulse as e } from "./pulse2.js";
+export { e as Pulse };

package/dist/pulse/pulse.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from 'lit';
+import { Size } from '../internal';
+import { Icon } from '../icon';
+/**
+ * @element nve-pulse
+ * @description Pulse component signals attention for a particular area of a UI. This helps with tutorial/getting started guides for new users.
+ * @since 1.16.3
+ * @entrypoint \@nvidia-elements/core/pulse
+ * @cssprop --background
+ * @cssprop --width
+ * @cssprop --height
+ * @cssprop --animation-duration
+ * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/
+ *
+ */
+export declare class Pulse extends LitElement {
+    static styles: import('lit').CSSResult[];
+    static readonly metadata: {
+        tag: string;
+        version: string;
+    };
+    static elementDefinitions: {
+        [Icon.metadata.tag]: typeof Icon;
+    };
+    /** @private */
+    _internals: ElementInternals;
+    connectedCallback(): void;
+    /** Sets size of the pulse component. You can also update size using the `width + height` css props. */
+    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>;
+}

package/dist/pulse/pulse.examples.js

@@ -0,0 +1,6 @@
+//#region src/pulse/pulse.examples.ts
+var e = "";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=pulse.examples.js.map

package/dist/pulse/pulse.examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pulse.examples.js","names":[],"sources":["../../src/pulse/pulse.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/pulse/define.js';\n\nexport default {\n  title: 'Elements/Pulse',\n  component: 'nve-pulse',\n};\n\n/**\n * @summary Animated pulse indicator with aria-label for accessibility. Use to draw attention to live updates, active connections, or real-time status.\n */\nexport const Default = {\n  render: () => html`\n    <div nve-layout=\"row align:center\">\n      <nve-pulse aria-label=\"pulse component\"></nve-pulse>\n    </div>\n`};\n\n/**\n * @summary Pulse status variants for different severity levels. Use accent for highlights, warning for caution states, and danger for critical alerts.\n */\nexport const Status = {\n  render: () => html`\n    <div nve-layout=\"row gap:sm pad:md\">\n      <nve-pulse></nve-pulse>\n      <nve-pulse status=\"accent\"></nve-pulse>\n      <nve-pulse status=\"warning\"></nve-pulse>\n      <nve-pulse status=\"danger\"></nve-pulse>\n    </div>\n`};\n\n/**\n * @summary Pulse size variants from extra-small to large. Choose sizes based on context—smaller for inline indicators, larger for prominent status displays.\n * @tags test-case\n */\nexport const Size = {\n  render: () => html`\n    <div nve-layout=\"row align:center\">\n      <nve-pulse size=\"xs\"></nve-pulse>\n      <nve-pulse size=\"sm\"></nve-pulse>\n      <nve-pulse size=\"md\"></nve-pulse>\n      <nve-pulse size=\"lg\"></nve-pulse>\n    </div>\n`};\n\n/**\n * @summary Pulse used inline with text labels. Ideal for status indicators in lists, tables, or headers to show real-time or live states.\n */\nexport const Inline = {\n  render: () => html`\n    <div nve-layout=\"row gap:xs align:center\">\n      <nve-pulse status=\"danger\"></nve-pulse>\n      Live Status\n    </div>\n  `\n}"],"mappings":";AAGA,IAAA,IAAS"}

package/dist/pulse/pulse.examples.json

@@ -0,0 +1,44 @@
+{
+  "element": "nve-pulse",
+  "entrypoint": "@nvidia-elements/core/pulse/pulse.examples.json",
+  "items": [
+    {
+      "id": "core-pulse_default",
+      "name": "Default",
+      "template": "<div nve-layout=\"row align:center\">\n  <nve-pulse aria-label=\"pulse component\"></nve-pulse>\n</div>\n",
+      "summary": "Animated pulse indicator with aria-label for accessibility. Use to draw attention to live updates, active connections, or real-time status.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "core-pulse_status",
+      "name": "Status",
+      "template": "<div nve-layout=\"row gap:sm pad:md\">\n  <nve-pulse></nve-pulse>\n  <nve-pulse status=\"accent\"></nve-pulse>\n  <nve-pulse status=\"warning\"></nve-pulse>\n  <nve-pulse status=\"danger\"></nve-pulse>\n</div>\n",
+      "summary": "Pulse status variants for different severity levels. Use accent for highlights, warning for caution states, and danger for critical alerts.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "core-pulse_size",
+      "name": "Size",
+      "template": "<div nve-layout=\"row align:center\">\n  <nve-pulse size=\"xs\"></nve-pulse>\n  <nve-pulse size=\"sm\"></nve-pulse>\n  <nve-pulse size=\"md\"></nve-pulse>\n  <nve-pulse size=\"lg\"></nve-pulse>\n</div>\n",
+      "summary": "Pulse size variants from extra-small to large. Choose sizes based on context—smaller for inline indicators, larger for prominent status displays.",
+      "description": "",
+      "composition": false,
+      "tags": [
+        "test-case"
+      ]
+    },
+    {
+      "id": "core-pulse_inline",
+      "name": "Inline",
+      "template": "<div nve-layout=\"row gap:xs align:center\">\n  <nve-pulse status=\"danger\"></nve-pulse>\n  Live Status\n</div>\n",
+      "summary": "Pulse used inline with text labels. Ideal for status indicators in lists, tables, or headers to show real-time or live states.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    }
+  ]
+}

package/dist/pulse/pulse.js

@@ -0,0 +1,6 @@
+//#region src/pulse/pulse.css?inline
+var e = ":host{--background: var(--nve-ref-color-gray-slate-1100);--width: var(--nve-ref-size-1000);--height: var(--nve-ref-size-1000);--animation-duration: 2s;width:var(--width);height:var(--height)}:host([status=\"accent\"]){--background: var(--nve-ref-color-brand-green-1100)}:host([status=\"warning\"]){--background: var(--nve-sys-support-warning-color)}:host([status=\"danger\"]){--background: var(--nve-sys-support-danger-color)}:host([size=\"xs\"]){--width: var(--nve-ref-size-600);--height: var(--nve-ref-size-600)}:host([size=\"sm\"]){--width: var(--nve-ref-size-800);--height: var(--nve-ref-size-800)}:host([size=\"md\"]){--width: var(--nve-ref-size-1000);--height: var(--nve-ref-size-1000)}:host([size=\"lg\"]){--width: calc(var(--nve-ref-size-1000) * 1.55);--height: calc(var(--nve-ref-size-1000) * 1.55)}[internal-host]{display:flex;place-items:center;place-content:center;height:100%}svg{position:absolute;top:0;left:0;width:100%;height:100%}.circle{fill:var(--background);transform-box:fill-box;transform-origin:center center}.c1,.c2,.c3{opacity:0;animation:pulse 2s ease-out infinite;animation-duration:var(--animation-duration)}.c1{transform:scale(.5);animation-delay:.5s}.c2{animation-delay:1s}.c3{animation-delay:1.5s}@keyframes pulse{0%{transform:scale(.5);opacity:0}50%{opacity:var(--nve-ref-opacity-150)}70%{opacity:calc(var(--nve-ref-opacity-150) * .9)}to{transform:scale(4);opacity:0}}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=pulse.js.map

package/dist/pulse/pulse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pulse.js","names":[],"sources":["../../src/pulse/pulse.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  --background: var(--nve-ref-color-gray-slate-1100);\n  --width: var(--nve-ref-size-1000);\n  --height: var(--nve-ref-size-1000);\n  --animation-duration: 2s;\n  width: var(--width);\n  height: var(--height);\n}\n\n:host([status='accent']) {\n  --background: var(--nve-ref-color-brand-green-1100);\n}\n\n:host([status='warning']) {\n  --background: var(--nve-sys-support-warning-color);\n}\n\n:host([status='danger']) {\n  --background: var(--nve-sys-support-danger-color);\n}\n\n:host([size='xs']) {\n  --width: var(--nve-ref-size-600);\n  --height: var(--nve-ref-size-600);\n}\n\n:host([size='sm']) {\n  --width: var(--nve-ref-size-800);\n  --height: var(--nve-ref-size-800);\n}\n\n:host([size='md']) {\n  --width: var(--nve-ref-size-1000);\n  --height: var(--nve-ref-size-1000);\n}\n\n:host([size='lg']) {\n  --width: calc(var(--nve-ref-size-1000) * 1.55);\n  --height: calc(var(--nve-ref-size-1000) * 1.55);\n}\n\n[internal-host] {\n  display: flex;\n  place-items: center;\n  place-content: center;\n  height: 100%;\n}\n\nsvg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.circle {\n  fill: var(--background);\n  transform-box: fill-box;\n  transform-origin: center center;\n}\n\n.c1,\n.c2,\n.c3 {\n  opacity: 0;\n  animation: pulse 2s ease-out infinite;\n  animation-duration: var(--animation-duration);\n}\n\n.c1 {\n  transform: scale(0.5);\n  animation-delay: 0.5s;\n}\n\n.c2 {\n  animation-delay: 1s;\n}\n\n.c3 {\n  animation-delay: 1.5s;\n}\n\n@keyframes pulse {\n  0% {\n    transform: scale(0.5);\n    opacity: 0;\n  }\n\n  50% {\n    opacity: var(--nve-ref-opacity-150);\n  }\n\n  70% {\n    opacity: calc(var(--nve-ref-opacity-150) * 0.9);\n  }\n\n  100% {\n    transform: scale(4);\n    opacity: 0;\n  }\n}\n"],"mappings":""}

package/dist/pulse/pulse2.js

@@ -0,0 +1,39 @@
+import { attachInternals as e } from "../internal/utils/a11y.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";
+import { LitElement as a, html as o } from "lit";
+import { property as s } from "lit/decorators/property.js";
+//#region src/pulse/pulse.ts
+var c = class extends a {
+	static {
+		this.styles = n([i]);
+	}
+	static {
+		this.metadata = {
+			tag: "nve-pulse",
+			version: "0.0.3"
+		};
+	}
+	static {
+		this.elementDefinitions = { [r.metadata.tag]: r };
+	}
+	connectedCallback() {
+		super.connectedCallback(), e(this), this._internals.role = "alert";
+	}
+	render() {
+		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({
+	type: String,
+	reflect: !0
+})], c.prototype, "size", void 0), t([s({
+	type: String,
+	reflect: !0
+})], c.prototype, "status", void 0);
+//#endregion
+export { c as Pulse };
+
+//# sourceMappingURL=pulse2.js.map

package/dist/pulse/pulse2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pulse2.js","names":[],"sources":["../../src/pulse/pulse.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport type { Size } from '@nvidia-elements/core/internal';\nimport { useStyles, attachInternals } from '@nvidia-elements/core/internal';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './pulse.css?inline';\n\n/**\n * @element nve-pulse\n * @description Pulse component signals attention for a particular area of a UI. This helps with tutorial/getting started guides for new users.\n * @since 1.16.3\n * @entrypoint \\@nvidia-elements/core/pulse\n * @cssprop --background\n * @cssprop --width\n * @cssprop --height\n * @cssprop --animation-duration\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n *\n */\nexport class Pulse extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-pulse',\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  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'alert';\n  }\n\n  /** Sets size of the pulse component. You can also update size using the `width + height` css props. */\n  @property({ type: String, reflect: true }) size?: Size | 'xs';\n\n  /** These visual treatments represent the `status` of different tasks. When `status` changes to `accent`, `warning` or `danger`, the component embeds appropriate colors. */\n  @property({ type: String, reflect: true }) status?: 'accent' | 'warning' | 'danger';\n\n  render() {\n    return html`\n    <svg internal-host width=\"100%\" height=\"100%\" viewBox=\"0 0 200 200\">\n      <circle class=\"circle\" cx=\"100\" cy=\"100\" r=\"25\"></circle>\n      <circle class=\"circle c1\" cx=\"100\" cy=\"100\" r=\"25\"></circle>\n      <circle class=\"circle c2\" cx=\"100\" cy=\"100\" r=\"25\"></circle> \n      <circle class=\"circle c3\" cx=\"100\" cy=\"100\" r=\"25\"></circle>\n    </svg>\n  `;\n  }\n}\n"],"mappings":";;;;;;;;AAsBA,IAAa,IAAb,cAA2B,EAAW;;gBACpB,EAAU,CAAC,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B,GACzB,EAAK,SAAS,MAAM,GACtB;;CAKD,oBAAoB;AAGlB,EAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO;;CASzB,SAAS;AACP,SAAO,CAAI;;;GANZ,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA"}

package/dist/radio/define.d.ts

@@ -0,0 +1,7 @@
+import { Radio, RadioGroup } from '.';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nve-radio': Radio;
+        'nve-radio-group': RadioGroup;
+    }
+}

package/dist/radio/define.js

@@ -0,0 +1,10 @@
+import { define as e } from "../internal/utils/dom.js";
+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

@@ -0,0 +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 { 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/index.d.ts

@@ -0,0 +1,2 @@
+export * from './radio.js';
+export * from './radio-group.js';

package/dist/radio/index.js

@@ -0,0 +1,3 @@
+import { Radio as e } from "./radio2.js";
+import { RadioGroup as t } from "./radio-group2.js";
+export { e as Radio, t as RadioGroup };