@nvidia-elements/core 2.23.3 → 2.23.5

package/dist/sparkline/sparkline2.js.map

@@ -1 +1 @@
-{"version":3,"file":"sparkline2.js","names":["styles","_decorate","__decorate","sparkline_default","Sparkline","LitElement","_args","useStyles","statusStateStyles","supportStateStyles","#renderChart","attachInternals","changedProperties","toValidData","calculateViewBox","#renderLineVariant","width","height","#renderColumn","#renderWinLoss","nothing","props","aspectRatio","validAspectRatio","domain","calculateDomain","baselineY","valueToY","drawZeroLine","plotPoints","toPlotPoints","symbolIndices","calculateSymbolIndices","interpolation","toInterpolation","linePath","toLinePath","areaPath","toAreaPath","#renderGradientDef","#renderZeroLine","#renderAccents","position","points","accentIndices","point","index","style","showZeroLine","rects","toColumnRects","rect","toWinLossRects","property","state"],"sources":["../../src/sparkline/sparkline.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues, SVGTemplateResult } from 'lit';\nimport { html, LitElement, nothing, svg } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport type {\n  DataElement,\n  Interpolation,\n  Point,\n  SizeExpanded,\n  SparklineMark,\n  SupportStatus,\n  TaskStatus\n} from '@nvidia-elements/core/internal';\nimport { attachInternals, statusStateStyles, supportStateStyles, useStyles } from '@nvidia-elements/core/internal';\nimport {\n  calculateDomain,\n  calculateSymbolIndices,\n  calculateViewBox,\n  PRECISION,\n  toAreaPath,\n  toColumnRects,\n  toInterpolation,\n  toLinePath,\n  toPlotPoints,\n  toValidData,\n  toWinLossRects,\n  valueToY,\n  VIEW_HEIGHT\n} from './sparkline.utils.js';\nimport styles from './sparkline.css?inline';\n\n/**\n * @element nve-sparkline\n * @description A sparkline is a compact, word-sized chart with typographic scale, for data-dense layouts (text, tables, cards, dashboards).\n * @documentation https://nvidia.github.io/elements/docs/elements/sparkline/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/sparkline\n * @cssprop --height - Height (defaults to 1em and scales with parent font-size).\n * @cssprop --line-color\n * @cssprop --line-width\n * @cssprop --fill-color - Color used by area and column marks.\n * @cssprop --gradient-max-color\n * @cssprop --gradient-min-color\n * @cssprop --zero-line-color\n * @cssprop --zero-line-width\n * @cssprop --win-color  Color used to represent positive values (wins).\n * @cssprop --loss-color Color used to represent negative values (losses).\n * @cssprop --draw-color Color used to represent zero values (draws / neutral outcomes).\n * @cssprop --symbol-color\n * @cssprop --symbol-border-color\n * @cssprop --symbol-border-width\n * @cssprop --symbol-radius - symbol circle radius in SVG units.\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\nexport class Sparkline extends LitElement implements DataElement<number[]> {\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-sparkline',\n    version: '0.0.0'\n  };\n\n  /** Numeric values representing a data series. */\n  @property({ type: Array }) data: number[] = [];\n\n  /** Controls the visual representation of data points. */\n  @property({ type: String }) mark: SparklineMark = 'line';\n\n  /** Controls how the chart connects intermediate values between points in a data series. Defaults to `linear`. */\n  @property({ type: String }) interpolation: Interpolation = 'linear';\n\n  /** Applies semantic status colors used across Elements status patterns. */\n  @property({ type: String, reflect: true }) status?: TaskStatus | SupportStatus;\n\n  /** Controls the sparkline size with explicit font-size tokens. Omit to auto-scale with parent font-size (1em). */\n  @property({ type: String, reflect: true }) size?: SizeExpanded;\n\n  /** Denotes the first data point by rendering a symbol at its position. */\n  @property({ type: Boolean, attribute: 'denote-first', reflect: true })\n  denoteFirst = false;\n\n  /** Denotes the last data point by rendering a symbol at its position. */\n  @property({ type: Boolean, attribute: 'denote-last', reflect: true })\n  denoteLast = false;\n\n  /** Denotes all minimum-value data points by rendering symbols at their positions. */\n  @property({ type: Boolean, attribute: 'denote-min', reflect: true })\n  denoteMin = false;\n\n  /** Denotes all maximum-value data points by rendering symbols at their positions. */\n  @property({ type: Boolean, attribute: 'denote-max', reflect: true })\n  denoteMax = false;\n\n  /** Controls spacing between points in a line, in em (1 = chart height). Defaults to `0.6`. */\n  @property({ type: Number, attribute: 'interval-length' }) intervalLength = 0.6;\n\n  /** Lower bound for the y-axis domain. When undefined, derives the bound from data. */\n  @property({ type: Number }) min?: number;\n\n  /** Upper bound for the y-axis domain. When undefined, derives the bound from data. */\n  @property({ type: Number }) max?: number;\n\n  /** Cached valid numeric values derived from data property. */\n  @state() private validData: number[] = [];\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`<div internal-host>${this.#renderChart()}</div>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'img';\n  }\n\n  willUpdate(changedProperties: PropertyValues<this>) {\n    super.willUpdate(changedProperties);\n\n    if (changedProperties.has('data')) {\n      this.validData = toValidData(this.data);\n    }\n  }\n\n  #renderChart(): SVGTemplateResult | typeof nothing {\n    const { width, height } = calculateViewBox(this.mark, this.validData.length, this.intervalLength);\n\n    switch (this.mark) {\n      case 'line':\n      case 'area':\n      case 'gradient':\n        return this.#renderLineVariant(width, height);\n      case 'column':\n        return this.#renderColumn(width, height);\n      case 'winloss':\n        return this.#renderWinLoss(VIEW_HEIGHT / 2, width, height);\n      default:\n        const _exhaustiveCheck: never = this.mark;\n        return nothing;\n    }\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n\n    const { width, height } = calculateViewBox(this.mark, this.validData.length, this.intervalLength);\n    const aspectRatio = width / height;\n    const validAspectRatio = Number.isFinite(aspectRatio) && aspectRatio > 0 ? aspectRatio : 1;\n    this.style.setProperty('--_aspect-ratio', validAspectRatio.toFixed(4));\n  }\n\n  #renderLineVariant(width: number, height: number) {\n    const domain = calculateDomain(this.validData, { explicitMin: this.min, explicitMax: this.max });\n    if (!domain) return nothing;\n\n    const baselineY = valueToY(0, domain);\n    const drawZeroLine = domain.min < 0 && domain.max > 0;\n\n    const plotPoints = toPlotPoints(this.validData, domain, { width });\n    const symbolIndices = calculateSymbolIndices(this.validData, {\n      first: this.denoteFirst,\n      last: this.denoteLast,\n      min: this.denoteMin,\n      max: this.denoteMax\n    });\n    const interpolation = toInterpolation(this.interpolation);\n\n    const linePath = toLinePath(plotPoints, interpolation, width);\n    const drawArea = this.mark === 'area' || this.mark === 'gradient';\n    const areaPath = drawArea ? toAreaPath(plotPoints, interpolation, VIEW_HEIGHT) : '';\n\n    return svg`\n      <svg viewBox=\"0 0 ${width} ${height}\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\">\n        ${this.mark === 'gradient' ? this.#renderGradientDef(height) : nothing}\n\n        ${\n          areaPath.length\n            ? this.mark === 'gradient'\n              ? svg`<path class=\"area\" d=${areaPath} style=\"fill: url(#gradient)\"></path>`\n              : svg`<path class=\"area\" d=${areaPath}></path>`\n            : nothing\n        }\n\n        ${drawZeroLine ? this.#renderZeroLine(baselineY, width) : nothing}\n\n        ${linePath ? svg`<path class=\"line\" d=${linePath} vector-effect=\"non-scaling-stroke\"></path>` : nothing}\n      </svg>\n      ${this.#renderAccents(plotPoints, symbolIndices)}\n    `;\n  }\n\n  #renderGradientDef(height: number) {\n    return svg`\n      <defs>\n        <linearGradient id=\"gradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"${height}\" gradientUnits=\"userSpaceOnUse\">\n          <stop offset=\"0%\" style=\"stop-color: var(--gradient-max-color)\"></stop>\n          <stop offset=\"100%\" style=\"stop-color: var(--gradient-min-color)\"></stop>\n        </linearGradient>\n      </defs>\n    `;\n  }\n\n  #renderZeroLine(position: number, width: number) {\n    return svg`\n      <line\n        class=\"zero-line\"\n        vector-effect=\"non-scaling-stroke\"\n        x1=\"0\"\n        y1=\"${position.toFixed(PRECISION)}\"\n        x2=\"${width}\"\n        y2=\"${position.toFixed(PRECISION)}\">\n      </line>\n    `;\n  }\n\n  #renderAccents(points: Point[], accentIndices: Set<number>) {\n    if (points.length === 0 || accentIndices.size === 0) return nothing;\n\n    return html`\n      ${Array.from(accentIndices).map(index => {\n        const point = points[index];\n        if (!point) return nothing;\n\n        const style = `--x: ${point.x.toFixed(PRECISION)}; --y: ${point.y.toFixed(PRECISION)}`;\n        return html`\n          <span style=${style} class=\"accent\"></span>\n        `;\n      })}\n    `;\n  }\n\n  #renderColumn(width: number, height: number) {\n    const domain = calculateDomain(this.validData, {\n      explicitMin: this.min,\n      explicitMax: this.max,\n      includeZero: true\n    });\n    if (!domain) return nothing;\n\n    const baselineY = valueToY(0, domain);\n    const showZeroLine = domain.min < 0 && domain.max > 0;\n    const plotPoints = toPlotPoints(this.validData, domain, { width });\n    const rects = toColumnRects(plotPoints, baselineY, width);\n\n    return svg`\n      <svg viewBox=\"0 0 ${width} ${height}\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\">\n        ${showZeroLine ? this.#renderZeroLine(baselineY, width) : nothing}\n\n        ${rects.map(rect => {\n          return svg`<rect class=\"column\" x=\"${rect.x.toFixed(PRECISION)}\" y=\"${rect.y.toFixed(PRECISION)}\" width=\"${rect.width.toFixed(PRECISION)}\" height=\"${rect.height.toFixed(PRECISION)}\"></rect>`;\n        })}\n      </svg>\n    `;\n  }\n\n  #renderWinLoss(baselineY: number, width: number, height: number) {\n    if (this.validData.length === 0) return nothing;\n\n    const rects = toWinLossRects(this.validData, baselineY, { width, height });\n\n    return svg`\n      <svg viewBox=\"0 0 ${width} ${height}\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\">\n        ${this.#renderZeroLine(baselineY, width)}\n\n        ${rects.map(rect => {\n          return svg`<rect class=\"${rect.className}\" x=\"${rect.x.toFixed(PRECISION)}\" y=\"${rect.y.toFixed(PRECISION)}\" width=\"${rect.width.toFixed(PRECISION)}\" height=\"${rect.height.toFixed(PRECISION)}\"></rect>`;\n        })}\n      </svg>\n    `;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"sparkline2.js","names":["styles","_decorate","__decorate","sparkline_default","Sparkline","LitElement","_args","useStyles","statusStateStyles","supportStateStyles","#renderChart","attachInternals","changedProperties","toValidData","calculateViewBox","#renderLineVariant","width","height","#renderColumn","#renderWinLoss","nothing","props","aspectRatio","validAspectRatio","domain","calculateDomain","baselineY","valueToY","drawZeroLine","plotPoints","toPlotPoints","symbolIndices","calculateSymbolIndices","interpolation","toInterpolation","linePath","toLinePath","areaPath","toAreaPath","#renderGradientDef","#renderZeroLine","#renderAccents","position","points","accentIndices","point","index","style","showZeroLine","rects","toColumnRects","rect","toWinLossRects","property","state"],"sources":["../../src/sparkline/sparkline.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues, SVGTemplateResult } from 'lit';\nimport { html, LitElement, nothing, svg } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport type {\n  DataElement,\n  Interpolation,\n  Point,\n  SizeExpanded,\n  SparklineMark,\n  SupportStatus,\n  TaskStatus\n} from '@nvidia-elements/core/internal';\nimport { statusStateStyles, supportStateStyles } from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport {\n  calculateDomain,\n  calculateSymbolIndices,\n  calculateViewBox,\n  PRECISION,\n  toAreaPath,\n  toColumnRects,\n  toInterpolation,\n  toLinePath,\n  toPlotPoints,\n  toValidData,\n  toWinLossRects,\n  valueToY,\n  VIEW_HEIGHT\n} from './sparkline.utils.js';\nimport styles from './sparkline.css?inline';\n\n/**\n * @element nve-sparkline\n * @description A sparkline is a compact, word-sized chart with typographic scale, for data-dense layouts (text, tables, cards, dashboards).\n * @documentation https://nvidia.github.io/elements/docs/elements/sparkline/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/sparkline\n * @cssprop --height - Height (defaults to 1em and scales with parent font-size).\n * @cssprop --line-color\n * @cssprop --line-width\n * @cssprop --fill-color - Color used by area and column marks.\n * @cssprop --gradient-max-color\n * @cssprop --gradient-min-color\n * @cssprop --zero-line-color\n * @cssprop --zero-line-width\n * @cssprop --win-color  Color used to represent positive values (wins).\n * @cssprop --loss-color Color used to represent negative values (losses).\n * @cssprop --draw-color Color used to represent zero values (draws / neutral outcomes).\n * @cssprop --symbol-color\n * @cssprop --symbol-border-color\n * @cssprop --symbol-border-width\n * @cssprop --symbol-radius - symbol circle radius in SVG units.\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\nexport class Sparkline extends LitElement implements DataElement<number[]> {\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-sparkline',\n    version: '0.0.0'\n  };\n\n  /** Numeric values representing a data series. */\n  @property({ type: Array }) data: number[] = [];\n\n  /** Controls the visual representation of data points. */\n  @property({ type: String }) mark: SparklineMark = 'line';\n\n  /** Controls how the chart connects intermediate values between points in a data series. Defaults to `linear`. */\n  @property({ type: String }) interpolation: Interpolation = 'linear';\n\n  /** Applies semantic status colors used across Elements status patterns. */\n  @property({ type: String, reflect: true }) status?: TaskStatus | SupportStatus;\n\n  /** Controls the sparkline size with explicit font-size tokens. Omit to auto-scale with parent font-size (1em). */\n  @property({ type: String, reflect: true }) size?: SizeExpanded;\n\n  /** Denotes the first data point by rendering a symbol at its position. */\n  @property({ type: Boolean, attribute: 'denote-first', reflect: true })\n  denoteFirst = false;\n\n  /** Denotes the last data point by rendering a symbol at its position. */\n  @property({ type: Boolean, attribute: 'denote-last', reflect: true })\n  denoteLast = false;\n\n  /** Denotes all minimum-value data points by rendering symbols at their positions. */\n  @property({ type: Boolean, attribute: 'denote-min', reflect: true })\n  denoteMin = false;\n\n  /** Denotes all maximum-value data points by rendering symbols at their positions. */\n  @property({ type: Boolean, attribute: 'denote-max', reflect: true })\n  denoteMax = false;\n\n  /** Controls spacing between points in a line, in em (1 = chart height). Defaults to `0.6`. */\n  @property({ type: Number, attribute: 'interval-length' }) intervalLength = 0.6;\n\n  /** Lower bound for the y-axis domain. When undefined, derives the bound from data. */\n  @property({ type: Number }) min?: number;\n\n  /** Upper bound for the y-axis domain. When undefined, derives the bound from data. */\n  @property({ type: Number }) max?: number;\n\n  /** Cached valid numeric values derived from data property. */\n  @state() private validData: number[] = [];\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`<div internal-host>${this.#renderChart()}</div>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'img';\n  }\n\n  willUpdate(changedProperties: PropertyValues<this>) {\n    super.willUpdate(changedProperties);\n\n    if (changedProperties.has('data')) {\n      this.validData = toValidData(this.data);\n    }\n  }\n\n  #renderChart(): SVGTemplateResult | typeof nothing {\n    const { width, height } = calculateViewBox(this.mark, this.validData.length, this.intervalLength);\n\n    switch (this.mark) {\n      case 'line':\n      case 'area':\n      case 'gradient':\n        return this.#renderLineVariant(width, height);\n      case 'column':\n        return this.#renderColumn(width, height);\n      case 'winloss':\n        return this.#renderWinLoss(VIEW_HEIGHT / 2, width, height);\n      default:\n        const _exhaustiveCheck: never = this.mark;\n        return nothing;\n    }\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n\n    const { width, height } = calculateViewBox(this.mark, this.validData.length, this.intervalLength);\n    const aspectRatio = width / height;\n    const validAspectRatio = Number.isFinite(aspectRatio) && aspectRatio > 0 ? aspectRatio : 1;\n    this.style.setProperty('--_aspect-ratio', validAspectRatio.toFixed(4));\n  }\n\n  #renderLineVariant(width: number, height: number) {\n    const domain = calculateDomain(this.validData, { explicitMin: this.min, explicitMax: this.max });\n    if (!domain) return nothing;\n\n    const baselineY = valueToY(0, domain);\n    const drawZeroLine = domain.min < 0 && domain.max > 0;\n\n    const plotPoints = toPlotPoints(this.validData, domain, { width });\n    const symbolIndices = calculateSymbolIndices(this.validData, {\n      first: this.denoteFirst,\n      last: this.denoteLast,\n      min: this.denoteMin,\n      max: this.denoteMax\n    });\n    const interpolation = toInterpolation(this.interpolation);\n\n    const linePath = toLinePath(plotPoints, interpolation, width);\n    const drawArea = this.mark === 'area' || this.mark === 'gradient';\n    const areaPath = drawArea ? toAreaPath(plotPoints, interpolation, VIEW_HEIGHT) : '';\n\n    return svg`\n      <svg viewBox=\"0 0 ${width} ${height}\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\">\n        ${this.mark === 'gradient' ? this.#renderGradientDef(height) : nothing}\n\n        ${\n          areaPath.length\n            ? this.mark === 'gradient'\n              ? svg`<path class=\"area\" d=${areaPath} style=\"fill: url(#gradient)\"></path>`\n              : svg`<path class=\"area\" d=${areaPath}></path>`\n            : nothing\n        }\n\n        ${drawZeroLine ? this.#renderZeroLine(baselineY, width) : nothing}\n\n        ${linePath ? svg`<path class=\"line\" d=${linePath} vector-effect=\"non-scaling-stroke\"></path>` : nothing}\n      </svg>\n      ${this.#renderAccents(plotPoints, symbolIndices)}\n    `;\n  }\n\n  #renderGradientDef(height: number) {\n    return svg`\n      <defs>\n        <linearGradient id=\"gradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"${height}\" gradientUnits=\"userSpaceOnUse\">\n          <stop offset=\"0%\" style=\"stop-color: var(--gradient-max-color)\"></stop>\n          <stop offset=\"100%\" style=\"stop-color: var(--gradient-min-color)\"></stop>\n        </linearGradient>\n      </defs>\n    `;\n  }\n\n  #renderZeroLine(position: number, width: number) {\n    return svg`\n      <line\n        class=\"zero-line\"\n        vector-effect=\"non-scaling-stroke\"\n        x1=\"0\"\n        y1=\"${position.toFixed(PRECISION)}\"\n        x2=\"${width}\"\n        y2=\"${position.toFixed(PRECISION)}\">\n      </line>\n    `;\n  }\n\n  #renderAccents(points: Point[], accentIndices: Set<number>) {\n    if (points.length === 0 || accentIndices.size === 0) return nothing;\n\n    return html`\n      ${Array.from(accentIndices).map(index => {\n        const point = points[index];\n        if (!point) return nothing;\n\n        const style = `--x: ${point.x.toFixed(PRECISION)}; --y: ${point.y.toFixed(PRECISION)}`;\n        return html`\n          <span style=${style} class=\"accent\"></span>\n        `;\n      })}\n    `;\n  }\n\n  #renderColumn(width: number, height: number) {\n    const domain = calculateDomain(this.validData, {\n      explicitMin: this.min,\n      explicitMax: this.max,\n      includeZero: true\n    });\n    if (!domain) return nothing;\n\n    const baselineY = valueToY(0, domain);\n    const showZeroLine = domain.min < 0 && domain.max > 0;\n    const plotPoints = toPlotPoints(this.validData, domain, { width });\n    const rects = toColumnRects(plotPoints, baselineY, width);\n\n    return svg`\n      <svg viewBox=\"0 0 ${width} ${height}\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\">\n        ${showZeroLine ? this.#renderZeroLine(baselineY, width) : nothing}\n\n        ${rects.map(rect => {\n          return svg`<rect class=\"column\" x=\"${rect.x.toFixed(PRECISION)}\" y=\"${rect.y.toFixed(PRECISION)}\" width=\"${rect.width.toFixed(PRECISION)}\" height=\"${rect.height.toFixed(PRECISION)}\"></rect>`;\n        })}\n      </svg>\n    `;\n  }\n\n  #renderWinLoss(baselineY: number, width: number, height: number) {\n    if (this.validData.length === 0) return nothing;\n\n    const rects = toWinLossRects(this.validData, baselineY, { width, height });\n\n    return svg`\n      <svg viewBox=\"0 0 ${width} ${height}\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\">\n        ${this.#renderZeroLine(baselineY, width)}\n\n        ${rects.map(rect => {\n          return svg`<rect class=\"${rect.className}\" x=\"${rect.x.toFixed(PRECISION)}\" y=\"${rect.y.toFixed(PRECISION)}\" width=\"${rect.width.toFixed(PRECISION)}\" height=\"${rect.height.toFixed(PRECISION)}\"></rect>`;\n        })}\n      </svg>\n    `;\n  }\n}\n"],"mappings":"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"}

package/dist/star-rating/star-rating2.js

@@ -1,28 +1,28 @@
 import { getElementUpdate as e } from "../internal/utils/dom.js";
-import { scopedRegistry as t } from "../internal/decorators/scoped-registry.js";
-import { useStyles as n } from "../internal/styles/index.js";
-import r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Icon as i } from "../icon/icon2.js";
-import { Control as a } from "../forms/control/control2.js";
-import o from "./star-rating.js";
-import { html as s } from "lit";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { Icon as n } from "../icon/icon2.js";
+import { Control as r } from "../forms/control/control2.js";
+import i from "./star-rating.js";
+import { html as a } from "lit";
+import { scopedRegistry as o } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as s } from "@nvidia-elements/foundations/internal/styles";
 import { state as c } from "lit/decorators/state.js";
 // src/star-rating/star-rating.ts
-var l = class extends a {
+var l = class extends r {
 	constructor(...e) {
 		super(...e), this.min = 0, this.max = 5, this.value = 0, this.active = 0, this.precision = .5;
 	}
 	static {
-		this.styles = n([...a.styles, o]);
+		this.styles = s([...r.styles, i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-star-rating",
-			version: "2.23.3"
+			version: "2.23.5"
 		};
 	}
 	static {
-		this.elementDefinitions = { [i.metadata.tag]: i };
+		this.elementDefinitions = { [n.metadata.tag]: n };
 	}
 	firstUpdated(t) {
 		super.firstUpdated(t), e(this.input, "max", (e) => {
@@ -34,9 +34,9 @@ var l = class extends a {
 		}), this.input.addEventListener("input", () => this.value = this.input.valueAsNumber), this.value = this.input.valueAsNumber;
 	}
 	get prefixContent() {
-		return s`<div aria-hidden="true" class="stars" @mouseleave="${() => this.active = 0}">${Array(this.max).fill("").map((e, t) => {
+		return a`<div aria-hidden="true" class="stars" @mouseleave="${() => this.active = 0}">${Array(this.max).fill("").map((e, t) => {
 			let n = t + 1, r = (this.active || this.value) - t;
-			return s`<nve-icon part="icon" @click="${() => this.#n(this.#t(t, n))}" @mousemove="${(e) => this.#e(e, t, n)}" name="${r >= 1 ? "star" : r >= .5 ? "star-half" : "star-stroke"}"></nve-icon>`;
+			return a`<nve-icon part="icon" @click="${() => this.#n(this.#t(t, n))}" @mousemove="${(e) => this.#e(e, t, n)}" name="${r >= 1 ? "star" : r >= .5 ? "star-half" : "star-stroke"}"></nve-icon>`;
 		})}</div>`;
 	}
 	#e(e, t, n) {
@@ -50,7 +50,7 @@ var l = class extends a {
 		this.input.valueAsNumber = e === this.value ? 0 : e, this.input.dispatchEvent(new Event("input", { bubbles: !0 })), this.input.dispatchEvent(new Event("change", { bubbles: !0 }));
 	}
 };
-r([c()], l.prototype, "min", void 0), r([c()], l.prototype, "max", void 0), r([c()], l.prototype, "value", void 0), r([c()], l.prototype, "active", void 0), r([c()], l.prototype, "precision", void 0), l = r([t()], l);
+t([c()], l.prototype, "min", void 0), t([c()], l.prototype, "max", void 0), t([c()], l.prototype, "value", void 0), t([c()], l.prototype, "active", void 0), t([c()], l.prototype, "precision", void 0), l = t([o()], l);
 export { l as StarRating };
 
 //# sourceMappingURL=star-rating2.js.map

package/dist/star-rating/star-rating2.js.map

@@ -1 +1 @@
-{"version":3,"file":"star-rating2.js","names":["styles","_decorate","__decorate","star_rating_default","StarRating","Control","_args","useStyles","Icon","props","getElementUpdate","max","min","#setValue","value","starValue","i","diff","#getStepValue","#handleMouseMove","rect","position","index","state","scopedRegistry"],"sources":["../../src/star-rating/star-rating.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 type { PropertyValues } from 'lit';\nimport { state } from 'lit/decorators/state.js';\nimport { useStyles, getElementUpdate, scopedRegistry } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './star-rating.css?inline';\n\n/**\n * @element nve-star-rating\n * @description A star rating component lets users rate something using stars, providing a quick visual representation of feedback\n * @documentation https://nvidia.github.io/elements/docs/elements/star-rating/\n * @since 1.23.1\n * @entrypoint \\@nvidia-elements/core/star-rating\n * @cssprop --star-size\n * @cssprop --color\n * @cssprop --stroke-color\n * @cssprop --width\n * @cssprop --height\n * @csspart icon - The icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range\n *\n */\n@scopedRegistry()\nexport class StarRating extends Control {\n  static styles = useStyles([...Control.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-star-rating',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  @state() private min = 0;\n  @state() private max = 5;\n  @state() private value = 0;\n  @state() private active = 0;\n  @state() private precision = 0.5;\n\n  firstUpdated(props: PropertyValues<this>) {\n    super.firstUpdated(props);\n\n    getElementUpdate(this.input, 'max', (max: unknown) => {\n      if (max) {\n        this.max = parseInt(max as string);\n      }\n    });\n\n    getElementUpdate(this.input, 'min', (min: unknown) => {\n      if (min) {\n        this.min = parseInt(min as string);\n      }\n    });\n\n    getElementUpdate(this.input, 'value', (value: unknown) => {\n      this.#setValue(value ? parseFloat(value as string) : this.input.valueAsNumber);\n    });\n\n    this.input.addEventListener('input', () => (this.value = this.input.valueAsNumber));\n\n    this.value = this.input.valueAsNumber;\n  }\n\n  protected get prefixContent() {\n    return html`\n    <div aria-hidden=\"true\" class=\"stars\" @mouseleave=${() => (this.active = 0)}>\n      ${new Array(this.max).fill('').map((_, i) => {\n        const starValue = i + 1;\n        const currentValue = this.active || this.value;\n        const diff = currentValue - i;\n\n        const iconName = diff >= 1 ? 'star' : diff >= 0.5 ? 'star-half' : 'star-stroke';\n\n        return html`\n        <nve-icon part=\"icon\"\n          @click=${() => this.#setValue(this.#getStepValue(i, starValue))}\n          @mousemove=${(e: MouseEvent) => this.#handleMouseMove(e, i, starValue)}\n          name=${iconName}\n        ></nve-icon>\n      `;\n      })}\n    </div>\n    `;\n  }\n\n  #handleMouseMove(e: MouseEvent, index: number, starValue: number) {\n    const target = e.currentTarget as HTMLElement;\n    const rect = target.getBoundingClientRect();\n    const position = (e.clientX - rect.left) / rect.width;\n\n    this.active = position <= 0.5 ? index + 0.5 : starValue;\n  }\n\n  #getStepValue(index: number, starValue: number) {\n    // If hovering (active has a value), use that value\n    if (this.active > 0) {\n      return this.active;\n    }\n\n    // If clicking on the current value, toggle it off\n    if (this.value === starValue || this.value === index + 0.5) {\n      return 0;\n    }\n\n    // Otherwise, return the star value\n    return starValue;\n  }\n\n  #setValue(value: number) {\n    this.input.valueAsNumber = value === this.value ? 0 : value;\n    this.input.dispatchEvent(new Event('input', { bubbles: true }));\n    this.input.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n}\n"],"mappings":";;;;;;;;;;AA2BO,IAAMI,IAAN,cAAyBC,EAAQ;;EAgBT,A,aAJN,KAAA,MAAA,GACA,KAAA,MAAA,GACE,KAAA,QAAA,GACC,KAAA,SAAA,GACG,KAAA,YAAA;;;EAfb,KAAA,SAAAE,EAAU,CAAC,GAAGF,EAAQ,QAAQL,CAAM,CAAC;;;EAE1B,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBQ,EAAK,SAAS,MAAMA,EACvB;;CAQA,aAAa,GAA6B;EAqBxC,AApBA,MAAM,aAAaC,CAAK,GAExBC,EAAiB,KAAK,OAAO,QAAQ,MAAiB;GACpD,AAAIC,MACF,KAAK,MAAM,SAASA,CAAa;EAErC,CAAC,GAEDD,EAAiB,KAAK,OAAO,QAAQ,MAAiB;GACpD,AAAIE,MACF,KAAK,MAAM,SAASA,CAAa;EAErC,CAAC,GAEDF,EAAiB,KAAK,OAAO,UAAU,MAAmB;GACxD,KAAKG,GAAUC,IAAQ,WAAWA,CAAe,IAAI,KAAK,MAAM,aAAa;EAC/E,CAAC,GAED,KAAK,MAAM,iBAAiB,eAAgB,KAAK,QAAQ,KAAK,MAAM,aAAc,GAElF,KAAK,QAAQ,KAAK,MAAM;CAC1B;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,4DACgD,KAAK,SAAS,EAAG,IACpE,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,GAAG,MAAM;GAC3C,IAAMC,IAAYC,IAAI,GAEhBC,KADe,KAAK,UAAU,KAAK,SACbD;GAI5B,OAAO,CAAI,uCAEM,KAAKH,GAAU,KAAKK,GAAcF,GAAGD,CAAS,CAAC,EAAE,iBAClD,MAAkB,KAAKI,GAAiB,GAAGH,GAAGD,CAAS,EAAE,UALxDE,KAAQ,IAAI,SAASA,KAAQ,KAAM,cAAc,cAMhD;EAGpB,CAAC,EAAE;CAGP;CAEA,GAAiB,GAAe,GAAe,GAAmB;EAEhE,IAAMG,IADS,EAAE,cACG,sBAAsB,GACpCC,KAAY,EAAE,UAAUD,EAAK,QAAQA,EAAK;EAEhD,KAAK,SAASC,KAAY,KAAMC,IAAQ,KAAMP;CAChD;CAEA,GAAc,GAAe,GAAmB;EAY9C,OAVI,KAAK,SAAS,IACT,KAAK,SAIV,KAAK,UAAUA,KAAa,KAAK,UAAUO,IAAQ,KAC9C,IAIFP;CACT;CAEA,GAAU,GAAe;EAGvB,AAFA,KAAK,MAAM,gBAAgBD,MAAU,KAAK,QAAQ,IAAIA,GACtD,KAAK,MAAM,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,GAAK,CAAC,CAAC,GAC9D,KAAK,MAAM,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,GAAK,CAAC,CAAC;CACjE;AACF;AAhFGb,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,OAAA,KAAA,CAAA,GACNH,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,OAAA,KAAA,CAAA,GACNH,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,SAAA,KAAA,CAAA,GACNH,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,UAAA,KAAA,CAAA,GACNH,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,aAAA,KAAA,CAAA,GAjBR,IAAAH,EAAA,CAAAuB,EAAe,CAAA,GAAApB,CAAA"}
+{"version":3,"file":"star-rating2.js","names":["styles","_decorate","__decorate","star_rating_default","StarRating","Control","_args","useStyles","Icon","props","getElementUpdate","max","min","#setValue","value","starValue","i","diff","#getStepValue","#handleMouseMove","rect","position","index","state","scopedRegistry"],"sources":["../../src/star-rating/star-rating.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 type { PropertyValues } from 'lit';\nimport { state } from 'lit/decorators/state.js';\nimport { getElementUpdate } from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { Control } from '@nvidia-elements/core/forms';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './star-rating.css?inline';\n\n/**\n * @element nve-star-rating\n * @description A star rating component lets users rate something using stars, providing a quick visual representation of feedback\n * @documentation https://nvidia.github.io/elements/docs/elements/star-rating/\n * @since 1.23.1\n * @entrypoint \\@nvidia-elements/core/star-rating\n * @cssprop --star-size\n * @cssprop --color\n * @cssprop --stroke-color\n * @cssprop --width\n * @cssprop --height\n * @csspart icon - The icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range\n *\n */\n@scopedRegistry()\nexport class StarRating extends Control {\n  static styles = useStyles([...Control.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-star-rating',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  @state() private min = 0;\n  @state() private max = 5;\n  @state() private value = 0;\n  @state() private active = 0;\n  @state() private precision = 0.5;\n\n  firstUpdated(props: PropertyValues<this>) {\n    super.firstUpdated(props);\n\n    getElementUpdate(this.input, 'max', (max: unknown) => {\n      if (max) {\n        this.max = parseInt(max as string);\n      }\n    });\n\n    getElementUpdate(this.input, 'min', (min: unknown) => {\n      if (min) {\n        this.min = parseInt(min as string);\n      }\n    });\n\n    getElementUpdate(this.input, 'value', (value: unknown) => {\n      this.#setValue(value ? parseFloat(value as string) : this.input.valueAsNumber);\n    });\n\n    this.input.addEventListener('input', () => (this.value = this.input.valueAsNumber));\n\n    this.value = this.input.valueAsNumber;\n  }\n\n  protected get prefixContent() {\n    return html`\n    <div aria-hidden=\"true\" class=\"stars\" @mouseleave=${() => (this.active = 0)}>\n      ${new Array(this.max).fill('').map((_, i) => {\n        const starValue = i + 1;\n        const currentValue = this.active || this.value;\n        const diff = currentValue - i;\n\n        const iconName = diff >= 1 ? 'star' : diff >= 0.5 ? 'star-half' : 'star-stroke';\n\n        return html`\n        <nve-icon part=\"icon\"\n          @click=${() => this.#setValue(this.#getStepValue(i, starValue))}\n          @mousemove=${(e: MouseEvent) => this.#handleMouseMove(e, i, starValue)}\n          name=${iconName}\n        ></nve-icon>\n      `;\n      })}\n    </div>\n    `;\n  }\n\n  #handleMouseMove(e: MouseEvent, index: number, starValue: number) {\n    const target = e.currentTarget as HTMLElement;\n    const rect = target.getBoundingClientRect();\n    const position = (e.clientX - rect.left) / rect.width;\n\n    this.active = position <= 0.5 ? index + 0.5 : starValue;\n  }\n\n  #getStepValue(index: number, starValue: number) {\n    // If hovering (active has a value), use that value\n    if (this.active > 0) {\n      return this.active;\n    }\n\n    // If clicking on the current value, toggle it off\n    if (this.value === starValue || this.value === index + 0.5) {\n      return 0;\n    }\n\n    // Otherwise, return the star value\n    return starValue;\n  }\n\n  #setValue(value: number) {\n    this.input.valueAsNumber = value === this.value ? 0 : value;\n    this.input.dispatchEvent(new Event('input', { bubbles: true }));\n    this.input.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n}\n"],"mappings":";;;;;;;;;;AA6BO,IAAMI,IAAN,cAAyBC,EAAQ;;EAgBT,A,aAJN,KAAA,MAAA,GACA,KAAA,MAAA,GACE,KAAA,QAAA,GACC,KAAA,SAAA,GACG,KAAA,YAAA;;;EAfb,KAAA,SAAAE,EAAU,CAAC,GAAGF,EAAQ,QAAQL,CAAM,CAAC;;;EAE1B,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzBQ,EAAK,SAAS,MAAMA,EACvB;;CAQA,aAAa,GAA6B;EAqBxC,AApBA,MAAM,aAAaC,CAAK,GAExBC,EAAiB,KAAK,OAAO,QAAQ,MAAiB;GACpD,AAAIC,MACF,KAAK,MAAM,SAASA,CAAa;EAErC,CAAC,GAEDD,EAAiB,KAAK,OAAO,QAAQ,MAAiB;GACpD,AAAIE,MACF,KAAK,MAAM,SAASA,CAAa;EAErC,CAAC,GAEDF,EAAiB,KAAK,OAAO,UAAU,MAAmB;GACxD,KAAKG,GAAUC,IAAQ,WAAWA,CAAe,IAAI,KAAK,MAAM,aAAa;EAC/E,CAAC,GAED,KAAK,MAAM,iBAAiB,eAAgB,KAAK,QAAQ,KAAK,MAAM,aAAc,GAElF,KAAK,QAAQ,KAAK,MAAM;CAC1B;CAEA,IAAc,gBAAgB;EAC5B,OAAO,CAAI,4DACgD,KAAK,SAAS,EAAG,IACpE,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,GAAG,MAAM;GAC3C,IAAMC,IAAYC,IAAI,GAEhBC,KADe,KAAK,UAAU,KAAK,SACbD;GAI5B,OAAO,CAAI,uCAEM,KAAKH,GAAU,KAAKK,GAAcF,GAAGD,CAAS,CAAC,EAAE,iBAClD,MAAkB,KAAKI,GAAiB,GAAGH,GAAGD,CAAS,EAAE,UALxDE,KAAQ,IAAI,SAASA,KAAQ,KAAM,cAAc,cAMhD;EAGpB,CAAC,EAAE;CAGP;CAEA,GAAiB,GAAe,GAAe,GAAmB;EAEhE,IAAMG,IADS,EAAE,cACG,sBAAsB,GACpCC,KAAY,EAAE,UAAUD,EAAK,QAAQA,EAAK;EAEhD,KAAK,SAASC,KAAY,KAAMC,IAAQ,KAAMP;CAChD;CAEA,GAAc,GAAe,GAAmB;EAY9C,OAVI,KAAK,SAAS,IACT,KAAK,SAIV,KAAK,UAAUA,KAAa,KAAK,UAAUO,IAAQ,KAC9C,IAIFP;CACT;CAEA,GAAU,GAAe;EAGvB,AAFA,KAAK,MAAM,gBAAgBD,MAAU,KAAK,QAAQ,IAAIA,GACtD,KAAK,MAAM,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,GAAK,CAAC,CAAC,GAC9D,KAAK,MAAM,cAAc,IAAI,MAAM,UAAU,EAAE,SAAS,GAAK,CAAC,CAAC;CACjE;AACF;AAhFGb,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,OAAA,KAAA,CAAA,GACNH,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,OAAA,KAAA,CAAA,GACNH,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,SAAA,KAAA,CAAA,GACNH,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,UAAA,KAAA,CAAA,GACNH,EAAA,CAAAsB,EAAM,CAAA,GAAAnB,EAAA,WAAA,aAAA,KAAA,CAAA,GAjBR,IAAAH,EAAA,CAAAuB,EAAe,CAAA,GAAApB,CAAA"}

package/dist/steps/steps2.js

@@ -1,40 +1,40 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { keyNavigationList as t } from "../internal/controllers/keynav-list.controller.js";
-import { attachInternals as n } from "../internal/utils/a11y.js";
-import { stateSelected as r } from "../internal/controllers/state-selected.controller.js";
-import { scopedRegistry as i } from "../internal/decorators/scoped-registry.js";
-import { useStyles as a } from "../internal/styles/index.js";
-import o from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { IconButton as s } from "../icon-button/icon-button2.js";
-import { ProgressRing as c } from "../progress-ring/progress-ring2.js";
-import l from "./steps-item.js";
-import u from "./steps.js";
-import { LitElement as d, html as f } from "lit";
-import { property as p } from "lit/decorators/property.js";
+import { stateSelected as n } from "../internal/controllers/state-selected.controller.js";
+import r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { IconButton as i } from "../icon-button/icon-button2.js";
+import { ProgressRing as a } from "../progress-ring/progress-ring2.js";
+import o from "./steps-item.js";
+import s from "./steps.js";
+import { attachInternals as c } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as l, html as u } from "lit";
+import { property as d } from "lit/decorators/property.js";
+import { scopedRegistry as f } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as p } from "@nvidia-elements/foundations/internal/styles";
 import { ButtonFormControlMixin as m } from "@nvidia-elements/forms/mixins";
 import { state as h } from "lit/decorators/state.js";
 import { queryAssignedElements as g } from "lit/decorators/query-assigned-elements.js";
 import { when as _ } from "lit/directives/when.js";
 // src/steps/steps.ts
-var v = class extends m(d) {
+var v = class extends m(l) {
 	static {
-		this.styles = a([l]);
+		this.styles = p([o]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-steps-item",
-			version: "2.23.3",
+			version: "2.23.5",
 			parents: ["nve-steps"]
 		};
 	}
 	static {
 		this.elementDefinitions = {
-			[s.metadata.tag]: s,
-			[c.metadata.tag]: c
+			[i.metadata.tag]: i,
+			[a.metadata.tag]: a
 		};
 	}
 	render() {
-		return f`<div internal-host focus-within><slot name="status-icon">${this.status ? "" : f`<nve-icon-button part="icon-button" readonly="readonly" id="number-icon" .disabled="${this.disabled}">${this.index}</nve-icon-button>`} ${this.status === "success" ? f`<nve-icon-button part="icon-button" readonly="readonly" size="sm" interaction="emphasis" icon-name="check"></nve-icon-button>` : ""} ${this.status === "danger" ? f`<nve-icon-button part="icon-button" readonly="readonly" size="sm" interaction="destructive" icon-name="exclamation-circle"></nve-icon-button>` : ""} ${this.status === "pending" ? f`<nve-progress-ring part="progress-ring" status="accent" size="sm"></nve-progress-ring>` : ""}</slot>${_(this.container !== "condensed", () => f`<slot></slot>`)}</div>`;
+		return u`<div internal-host focus-within><slot name="status-icon">${this.status ? "" : u`<nve-icon-button part="icon-button" readonly="readonly" id="number-icon" .disabled="${this.disabled}">${this.index}</nve-icon-button>`} ${this.status === "success" ? u`<nve-icon-button part="icon-button" readonly="readonly" size="sm" interaction="emphasis" icon-name="check"></nve-icon-button>` : ""} ${this.status === "danger" ? u`<nve-icon-button part="icon-button" readonly="readonly" size="sm" interaction="destructive" icon-name="exclamation-circle"></nve-icon-button>` : ""} ${this.status === "pending" ? u`<nve-progress-ring part="progress-ring" status="accent" size="sm"></nve-progress-ring>` : ""}</slot>${_(this.container !== "condensed", () => u`<slot></slot>`)}</div>`;
 	}
 	constructor() {
 		super(), this.selected = !1, this.index = 0, this.type = "button";
@@ -43,33 +43,33 @@ var v = class extends m(d) {
 		super.connectedCallback(), this._internals.role = "tab";
 	}
 };
-o([p({
+r([d({
 	type: Boolean,
 	reflect: !0
-})], v.prototype, "selected", void 0), o([p({
+})], v.prototype, "selected", void 0), r([d({
 	type: String,
 	reflect: !0
-})], v.prototype, "status", void 0), o([p({
+})], v.prototype, "status", void 0), r([d({
 	type: String,
 	reflect: !0
-})], v.prototype, "container", void 0), o([h()], v.prototype, "index", void 0), v = o([
+})], v.prototype, "container", void 0), r([h()], v.prototype, "index", void 0), v = r([
 	e(),
-	i(),
-	r()
+	f(),
+	n()
 ], v);
-var y = class extends d {
+var y = class extends l {
 	constructor(...e) {
 		super(...e), this.vertical = !1, this.behaviorSelect = !1, this.#t = (e) => {
 			this.#e(e.target);
 		};
 	}
 	static {
-		this.styles = a([u]);
+		this.styles = p([s]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-steps",
-			version: "2.23.3",
+			version: "2.23.5",
 			children: ["nve-steps-item"]
 		};
 	}
@@ -83,10 +83,10 @@ var y = class extends d {
 		this.behaviorSelect && e.matches("nve-steps-item") && !e.disabled && (this.steps.forEach((e) => e.selected = !1), e.selected = !0);
 	}
 	render() {
-		return f`<div internal-host><slot @slotchange="${this.#n}"></slot></div>`;
+		return u`<div internal-host><slot @slotchange="${this.#n}"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), n(this), this._internals.role = "tablist", this.addEventListener("click", this.#t);
+		super.connectedCallback(), c(this), this._internals.role = "tablist", this.addEventListener("click", this.#t);
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this.removeEventListener("click", this.#t);
@@ -101,16 +101,16 @@ var y = class extends d {
 		});
 	}
 };
-o([p({
+r([d({
 	type: Boolean,
 	reflect: !0
-})], y.prototype, "vertical", void 0), o([p({
+})], y.prototype, "vertical", void 0), r([d({
 	type: String,
 	reflect: !0
-})], y.prototype, "container", void 0), o([p({
+})], y.prototype, "container", void 0), r([d({
 	type: Boolean,
 	attribute: "behavior-select"
-})], y.prototype, "behaviorSelect", void 0), o([g({ selector: "nve-steps-item" })], y.prototype, "steps", void 0), y = o([e(), t()], y);
+})], y.prototype, "behaviorSelect", void 0), r([g({ selector: "nve-steps-item" })], y.prototype, "steps", void 0), y = r([e(), t()], y);
 export { y as Steps, v as StepsItem };
 
 //# sourceMappingURL=steps2.js.map

package/dist/steps/steps2.js.map

@@ -1 +1 @@
-{"version":3,"file":"steps2.js","names":["stepsItemStyleSheet","_decorate","stepsStyleSheet","__decorate","steps_item_default","steps_default","StepsItem","ButtonFormControlMixin","LitElement","useStyles","IconButton","ProgressRing","when","property","state","audit","scopedRegistry","stateSelected","Steps","_args","#onClick","#selectTab","stepsItem","#syncChildSteps","attachInternals","props","i","queryAssignedElements","keyNavigationList"],"sources":["../../src/steps/steps.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 { state } from 'lit/decorators/state.js';\nimport { when } from 'lit/directives/when.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { ButtonFormControlMixin } from '@nvidia-elements/forms/mixins';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  stateSelected,\n  useStyles,\n  keyNavigationList,\n  attachInternals,\n  audit,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport stepsItemStyleSheet from './steps-item.css?inline';\nimport stepsStyleSheet from './steps.css?inline';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport { ProgressRing } from '@nvidia-elements/core/progress-ring';\n\n/**\n * @element nve-steps-item\n * @description Represents an individual step within a multi-step workflow, displaying its status and enabling navigation within the parent steps component.\n * @documentation https://nvidia.github.io/elements/docs/elements/steps/\n * @since 0.30.0\n * @entrypoint \\@nvidia-elements/core/steps\n * @slot - default slot for step text\n * @slot status-icon - custom slotted step icon\n * @cssprop --font-size\n * @cssprop --border-top\n * @cssprop --width\n * @cssprop --font-weight\n * @cssprop --border-radius\n * @cssprop --color\n * @cssprop --text-transform\n * @csspart icon-button - The icon button element\n * @csspart progress-ring - The progress ring element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n */\n@audit()\n@scopedRegistry()\n@stateSelected<StepsItem>()\nexport class StepsItem extends ButtonFormControlMixin(LitElement) {\n  /**\n   * Determines which item the user selects, defaults to false.\n   */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /**\n   * Controls the step status. `accent` has no default status icon, `danger` displays an alert icon, `success` displays a check icon, and `pending` displays a progress indicator. Omit the property to display the step number.\n   */\n  @property({ type: String, reflect: true }) status?: 'accent' | 'danger' | 'success' | 'pending';\n\n  /**\n   * Determines whether the steps should display in condensed format with no text labels.\n   */\n  @property({ type: String, reflect: true }) container?: 'condensed';\n\n  /** @private */\n  @state() index: number = 0;\n\n  static styles = useStyles([stepsItemStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-steps-item',\n    version: '0.0.0',\n    parents: ['nve-steps']\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton,\n    [ProgressRing.metadata.tag]: ProgressRing\n  };\n\n  render() {\n    return html`\n      <div internal-host focus-within>\n        <slot name=\"status-icon\">\n          ${!this.status ? html`<nve-icon-button part=\"icon-button\" readonly id=\"number-icon\" .disabled=${this.disabled}>${this.index}</nve-icon-button>` : ''}\n          ${this.status === 'success' ? html`<nve-icon-button part=\"icon-button\" readonly size=\"sm\" interaction=\"emphasis\" icon-name=\"check\"></nve-icon-button>` : ''}\n          ${this.status === 'danger' ? html`<nve-icon-button part=\"icon-button\" readonly size=\"sm\" interaction=\"destructive\" icon-name=\"exclamation-circle\"></nve-icon-button>` : ''}\n          ${this.status === 'pending' ? html`<nve-progress-ring part=\"progress-ring\" status=\"accent\" size=\"sm\"></nve-progress-ring>` : ''}\n        </slot>\n        ${when(this.container !== 'condensed', () => html`<slot></slot>`)}\n      </div>\n    `;\n  }\n\n  constructor() {\n    super();\n    this.type = 'button';\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._internals.role = 'tab';\n  }\n}\n\n/**\n * @element nve-steps\n * @description Steps enables a multi-step workflow allowing a user to complete a goal in a specific sequence.\n * @documentation https://nvidia.github.io/elements/docs/elements/steps/\n * @since 0.30.0\n * @entrypoint \\@nvidia-elements/core/steps\n * @slot - default slot for steps-item\n * @cssprop --gap\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n */\n@audit()\n@keyNavigationList<Steps>()\nexport class Steps extends LitElement {\n  /**\n   * Determines whether the steps should display in a vertical layout vs. defaulting to horizontal.\n   */\n  @property({ type: Boolean, reflect: true }) vertical = false;\n\n  /**\n   * Determines whether the steps should display in condensed format with no text labels.\n   */\n  @property({ type: String, reflect: true }) container?: 'condensed';\n\n  /**\n   * Determines whether the steps should handle selection behavior vs. defaults to off.\n   */\n  @property({ type: Boolean, attribute: 'behavior-select' }) behaviorSelect = false;\n\n  static styles = useStyles([stepsStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-steps',\n    version: '0.0.0',\n    children: ['nve-steps-item']\n  };\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.steps,\n      layout: this.vertical ? 'vertical' : 'horizontal'\n    };\n  }\n\n  @queryAssignedElements({ selector: 'nve-steps-item' }) private steps!: StepsItem[];\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #selectTab(stepsItem: HTMLElement & { matches: Element['matches']; disabled?: boolean; selected?: boolean }) {\n    if (!this.behaviorSelect || !stepsItem.matches('nve-steps-item') || stepsItem.disabled) {\n      return;\n    }\n\n    this.steps.forEach(i => (i.selected = false));\n    stepsItem.selected = true;\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${this.#syncChildSteps}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'tablist';\n    this.addEventListener('click', this.#onClick);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#onClick);\n  }\n\n  #onClick = (e: Event) => {\n    this.#selectTab(e.target as HTMLElement & { matches: Element['matches']; disabled?: boolean; selected?: boolean });\n  };\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    if (props.has('container') || props.has('vertical')) {\n      this.#syncChildSteps();\n    }\n  }\n\n  #syncChildSteps() {\n    this._internals.ariaOrientation = this.vertical ? 'vertical' : 'horizontal';\n    this.steps.forEach((item, i) => {\n      item.index = i + 1;\n      item.container = this.container;\n    });\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"steps2.js","names":["stepsItemStyleSheet","_decorate","stepsStyleSheet","__decorate","steps_item_default","steps_default","StepsItem","ButtonFormControlMixin","LitElement","useStyles","IconButton","ProgressRing","when","property","state","audit","scopedRegistry","stateSelected","Steps","_args","#onClick","#selectTab","stepsItem","#syncChildSteps","attachInternals","props","i","queryAssignedElements","keyNavigationList"],"sources":["../../src/steps/steps.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 { state } from 'lit/decorators/state.js';\nimport { when } from 'lit/directives/when.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { ButtonFormControlMixin } from '@nvidia-elements/forms/mixins';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport { stateSelected, keyNavigationList, audit } from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport stepsItemStyleSheet from './steps-item.css?inline';\nimport stepsStyleSheet from './steps.css?inline';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport { ProgressRing } from '@nvidia-elements/core/progress-ring';\n\n/**\n * @element nve-steps-item\n * @description Represents an individual step within a multi-step workflow, displaying its status and enabling navigation within the parent steps component.\n * @documentation https://nvidia.github.io/elements/docs/elements/steps/\n * @since 0.30.0\n * @entrypoint \\@nvidia-elements/core/steps\n * @slot - default slot for step text\n * @slot status-icon - custom slotted step icon\n * @cssprop --font-size\n * @cssprop --border-top\n * @cssprop --width\n * @cssprop --font-weight\n * @cssprop --border-radius\n * @cssprop --color\n * @cssprop --text-transform\n * @csspart icon-button - The icon button element\n * @csspart progress-ring - The progress ring element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n */\n@audit()\n@scopedRegistry()\n@stateSelected<StepsItem>()\nexport class StepsItem extends ButtonFormControlMixin(LitElement) {\n  /**\n   * Determines which item the user selects, defaults to false.\n   */\n  @property({ type: Boolean, reflect: true }) selected = false;\n\n  /**\n   * Controls the step status. `accent` has no default status icon, `danger` displays an alert icon, `success` displays a check icon, and `pending` displays a progress indicator. Omit the property to display the step number.\n   */\n  @property({ type: String, reflect: true }) status?: 'accent' | 'danger' | 'success' | 'pending';\n\n  /**\n   * Determines whether the steps should display in condensed format with no text labels.\n   */\n  @property({ type: String, reflect: true }) container?: 'condensed';\n\n  /** @private */\n  @state() index: number = 0;\n\n  static styles = useStyles([stepsItemStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-steps-item',\n    version: '0.0.0',\n    parents: ['nve-steps']\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton,\n    [ProgressRing.metadata.tag]: ProgressRing\n  };\n\n  render() {\n    return html`\n      <div internal-host focus-within>\n        <slot name=\"status-icon\">\n          ${!this.status ? html`<nve-icon-button part=\"icon-button\" readonly id=\"number-icon\" .disabled=${this.disabled}>${this.index}</nve-icon-button>` : ''}\n          ${this.status === 'success' ? html`<nve-icon-button part=\"icon-button\" readonly size=\"sm\" interaction=\"emphasis\" icon-name=\"check\"></nve-icon-button>` : ''}\n          ${this.status === 'danger' ? html`<nve-icon-button part=\"icon-button\" readonly size=\"sm\" interaction=\"destructive\" icon-name=\"exclamation-circle\"></nve-icon-button>` : ''}\n          ${this.status === 'pending' ? html`<nve-progress-ring part=\"progress-ring\" status=\"accent\" size=\"sm\"></nve-progress-ring>` : ''}\n        </slot>\n        ${when(this.container !== 'condensed', () => html`<slot></slot>`)}\n      </div>\n    `;\n  }\n\n  constructor() {\n    super();\n    this.type = 'button';\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._internals.role = 'tab';\n  }\n}\n\n/**\n * @element nve-steps\n * @description Steps enables a multi-step workflow allowing a user to complete a goal in a specific sequence.\n * @documentation https://nvidia.github.io/elements/docs/elements/steps/\n * @since 0.30.0\n * @entrypoint \\@nvidia-elements/core/steps\n * @slot - default slot for steps-item\n * @cssprop --gap\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/\n */\n@audit()\n@keyNavigationList<Steps>()\nexport class Steps extends LitElement {\n  /**\n   * Determines whether the steps should display in a vertical layout vs. defaulting to horizontal.\n   */\n  @property({ type: Boolean, reflect: true }) vertical = false;\n\n  /**\n   * Determines whether the steps should display in condensed format with no text labels.\n   */\n  @property({ type: String, reflect: true }) container?: 'condensed';\n\n  /**\n   * Determines whether the steps should handle selection behavior vs. defaults to off.\n   */\n  @property({ type: Boolean, attribute: 'behavior-select' }) behaviorSelect = false;\n\n  static styles = useStyles([stepsStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-steps',\n    version: '0.0.0',\n    children: ['nve-steps-item']\n  };\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.steps,\n      layout: this.vertical ? 'vertical' : 'horizontal'\n    };\n  }\n\n  @queryAssignedElements({ selector: 'nve-steps-item' }) private steps!: StepsItem[];\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #selectTab(stepsItem: HTMLElement & { matches: Element['matches']; disabled?: boolean; selected?: boolean }) {\n    if (!this.behaviorSelect || !stepsItem.matches('nve-steps-item') || stepsItem.disabled) {\n      return;\n    }\n\n    this.steps.forEach(i => (i.selected = false));\n    stepsItem.selected = true;\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${this.#syncChildSteps}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'tablist';\n    this.addEventListener('click', this.#onClick);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#onClick);\n  }\n\n  #onClick = (e: Event) => {\n    this.#selectTab(e.target as HTMLElement & { matches: Element['matches']; disabled?: boolean; selected?: boolean });\n  };\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    if (props.has('container') || props.has('vertical')) {\n      this.#syncChildSteps();\n    }\n  }\n\n  #syncChildSteps() {\n    this._internals.ariaOrientation = this.vertical ? 'vertical' : 'horizontal';\n    this.steps.forEach((item, i) => {\n      item.index = i + 1;\n      item.container = this.container;\n    });\n  }\n}\n"],"mappings":"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"}

package/dist/switch/switch-group2.js

@@ -1,17 +1,17 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
-import { useStyles as t } from "../internal/styles/index.js";
-import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { ControlGroup as r } from "../forms/control-group/control-group2.js";
-import i from "./switch-group.js";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { ControlGroup as n } from "../forms/control-group/control-group2.js";
+import r from "./switch-group.js";
+import { useStyles as i } from "@nvidia-elements/foundations/internal/styles";
 // src/switch/switch-group.ts
-var a = class extends r {
+var a = class extends n {
 	static {
-		this.styles = t([...r.styles, i]);
+		this.styles = i([...n.styles, r]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-switch-group",
-			version: "2.23.3",
+			version: "2.23.5",
 			children: [
 				"label",
 				"nve-control-message",
@@ -20,7 +20,7 @@ var a = class extends r {
 		};
 	}
 };
-a = n([e()], a);
+a = t([e()], a);
 export { a as SwitchGroup };
 
 //# sourceMappingURL=switch-group2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"switch-group2.js","names":["styles","_decorate","__decorate","switch_group_default","SwitchGroup","ControlGroup","useStyles","audit"],"sources":["../../src/switch/switch-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { CSSResult } from 'lit';\nimport { audit, useStyles } from '@nvidia-elements/core/internal';\nimport { ControlGroup } from '@nvidia-elements/core/forms';\nimport styles from './switch-group.css?inline';\n\n/**\n * @element nve-switch-group\n * @description A switch group is a container for a group of switches.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/switch\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/switch/\n */\n@audit()\nexport class SwitchGroup extends ControlGroup {\n  static styles: CSSResult[] = useStyles([...ControlGroup.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-switch-group',\n    version: '0.0.0',\n    children: ['label', 'nve-control-message', 'nve-switch']\n  };\n}\n"],"mappings":";;;;;;AAgBO,IAAMI,IAAN,cAA0BC,EAAa;;EACf,KAAA,SAAAC,EAAU,CAAC,GAAGD,EAAa,QAAQL,CAAM,CAAC;;;EAE5C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAuB;GAAY;EACzD;;AACF;AATC,IAAAC,EAAA,CAAAM,EAAM,CAAA,GAAAH,CAAA"}
+{"version":3,"file":"switch-group2.js","names":["styles","_decorate","__decorate","switch_group_default","SwitchGroup","ControlGroup","useStyles","audit"],"sources":["../../src/switch/switch-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { CSSResult } from 'lit';\nimport { audit } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { ControlGroup } from '@nvidia-elements/core/forms';\nimport styles from './switch-group.css?inline';\n\n/**\n * @element nve-switch-group\n * @description A switch group is a container for a group of switches.\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/switch\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/switch/\n */\n@audit()\nexport class SwitchGroup extends ControlGroup {\n  static styles: CSSResult[] = useStyles([...ControlGroup.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-switch-group',\n    version: '0.0.0',\n    children: ['label', 'nve-control-message', 'nve-switch']\n  };\n}\n"],"mappings":";;;;;;AAiBO,IAAMI,IAAN,cAA0BC,EAAa;;EACf,KAAA,SAAAC,EAAU,CAAC,GAAGD,EAAa,QAAQL,CAAM,CAAC;;;EAE5C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAuB;GAAY;EACzD;;AACF;AATC,IAAAC,EAAA,CAAAM,EAAM,CAAA,GAAAH,CAAA"}

package/dist/switch/switch2.js

@@ -1,21 +1,21 @@
 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 r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Control as i } from "../forms/control/control2.js";
-import a from "./switch.js";
+import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { Control as r } from "../forms/control/control2.js";
+import i from "./switch.js";
+import { useStyles as a } from "@nvidia-elements/foundations/internal/styles";
 // src/switch/switch.ts
-var o = class extends i {
+var o = class extends r {
 	constructor(...e) {
 		super(...e), this.nveControl = "inline";
 	}
 	static {
-		this.styles = n([...i.styles, a]);
+		this.styles = a([...r.styles, i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-switch",
-			version: "2.23.3",
+			version: "2.23.5",
 			children: [
 				"label",
 				"input",
@@ -24,7 +24,7 @@ var o = class extends i {
 		};
 	}
 };
-r([t({ attribute: "nve-control" })], o.prototype, "nveControl", void 0), o = r([e()], o);
+n([t({ attribute: "nve-control" })], o.prototype, "nveControl", void 0), o = n([e()], o);
 export { o as Switch };
 
 //# sourceMappingURL=switch2.js.map

package/dist/switch/switch2.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch2.js","names":["styles","_decorate","__decorate","switch_default","Switch","Control","_args","useStyles","hostAttr","audit"],"sources":["../../src/switch/switch.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { CSSResult } from 'lit';\nimport { audit, hostAttr, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport styles from './switch.css?inline';\n\n/**\n * @element nve-switch\n * @description A switch is a control that enables users to switch between two mutually exclusive options (on or off, checked or unchecked) through a single click or tap.\n * @documentation https://nvidia.github.io/elements/docs/elements/switch/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/switch\n * @cssprop --cursor\n * @cssprop --border-radius\n * @cssprop --border-width\n * @cssprop --border\n * @cssprop --background\n * @cssprop --width\n * @cssprop --height\n * @cssprop --anchor-width\n * @cssprop --anchor-height\n * @cssprop --anchor-border-radius\n * @cssprop --anchor-background\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/switch/\n */\n@audit()\nexport class Switch extends Control {\n  @hostAttr({ attribute: 'nve-control' }) protected nveControl = 'inline';\n\n  static styles: CSSResult[] = useStyles([...Control.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-switch',\n    version: '0.0.0',\n    children: ['label', 'input', 'nve-control-message']\n  };\n}\n"],"mappings":";;;;;;;AA6BO,IAAMI,IAAN,cAAqBC,EAAQ;;EAC6B,A,aAAA,KAAA,aAAA;;;EAElC,KAAA,SAAAE,EAAU,CAAC,GAAGF,EAAQ,QAAQL,CAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAS;GAAqB;EACpD;;AACF;AATGC,EAAA,CAAAO,EAAS,EAAE,WAAW,cAAc,CAAC,CAAA,GAAAJ,EAAA,WAAA,cAAA,KAAA,CAAA,GAFvC,IAAAH,EAAA,CAAAQ,EAAM,CAAA,GAAAL,CAAA"}
+{"version":3,"file":"switch2.js","names":["styles","_decorate","__decorate","switch_default","Switch","Control","_args","useStyles","hostAttr","audit"],"sources":["../../src/switch/switch.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { CSSResult } from 'lit';\nimport { audit, hostAttr } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { Control } from '@nvidia-elements/core/forms';\nimport styles from './switch.css?inline';\n\n/**\n * @element nve-switch\n * @description A switch is a control that enables users to switch between two mutually exclusive options (on or off, checked or unchecked) through a single click or tap.\n * @documentation https://nvidia.github.io/elements/docs/elements/switch/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/switch\n * @cssprop --cursor\n * @cssprop --border-radius\n * @cssprop --border-width\n * @cssprop --border\n * @cssprop --background\n * @cssprop --width\n * @cssprop --height\n * @cssprop --anchor-width\n * @cssprop --anchor-height\n * @cssprop --anchor-border-radius\n * @cssprop --anchor-background\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/switch/\n */\n@audit()\nexport class Switch extends Control {\n  @hostAttr({ attribute: 'nve-control' }) protected nveControl = 'inline';\n\n  static styles: CSSResult[] = useStyles([...Control.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-switch',\n    version: '0.0.0',\n    children: ['label', 'input', 'nve-control-message']\n  };\n}\n"],"mappings":";;;;;;;AA8BO,IAAMI,IAAN,cAAqBC,EAAQ;;EAC6B,A,aAAA,KAAA,aAAA;;;EAElC,KAAA,SAAAE,EAAU,CAAC,GAAGF,EAAQ,QAAQL,CAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAS;IAAS;GAAqB;EACpD;;AACF;AATGC,EAAA,CAAAO,EAAS,EAAE,WAAW,cAAc,CAAC,CAAA,GAAAJ,EAAA,WAAA,cAAA,KAAA,CAAA,GAFvC,IAAAH,EAAA,CAAAQ,EAAM,CAAA,GAAAL,CAAA"}

package/dist/tabs/tabs-group2.js

@@ -1,17 +1,17 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { generateId as t, sameOrderedStringArray as n, uniqueNonEmptyStrings as r } from "../internal/utils/dom.js";
-import { attachInternals as i } from "../internal/utils/a11y.js";
-import { useStyles as a } from "../internal/styles/index.js";
-import o from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { getTabItems as s } from "./utils.js";
-import { Tabs as c } from "./tabs2.js";
-import l from "./tabs-group.js";
-import { LitElement as u, html as d } from "lit";
-import { property as f } from "lit/decorators/property.js";
+import i from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { getTabItems as a } from "./utils.js";
+import { Tabs as o } from "./tabs2.js";
+import s from "./tabs-group.js";
+import { attachInternals as c } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as l, html as u } from "lit";
+import { property as d } from "lit/decorators/property.js";
+import { useStyles as f } from "@nvidia-elements/foundations/internal/styles";
 import { state as p } from "lit/decorators/state.js";
 import { queryAssignedElements as m } from "lit/decorators/query-assigned-elements.js";
 // src/tabs/tabs-group.ts
-var h, g = class extends u {
+var h, g = class extends l {
 	static {
 		h = this;
 	}
@@ -29,12 +29,12 @@ var h, g = class extends u {
 		};
 	}
 	static {
-		this.styles = a([l]);
+		this.styles = f([s]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-tabs-group",
-			version: "2.23.3",
+			version: "2.23.5",
 			children: ["nve-tabs"]
 		};
 	}
@@ -53,10 +53,10 @@ var h, g = class extends u {
 	}
 	#e;
 	render() {
-		return d`<div internal-host><slot @slotchange="${this.#t}"></slot>${this.panelValues.map((e) => d`<slot name="${e}" @slotchange="${this.#n}"></slot>`)}</div>`;
+		return u`<div internal-host><slot @slotchange="${this.#t}"></slot>${this.panelValues.map((e) => u`<slot name="${e}" @slotchange="${this.#n}"></slot>`)}</div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), i(this), this._internals.role = "group", this.addEventListener("command", this.#r);
+		super.connectedCallback(), c(this), this._internals.role = "group", this.addEventListener("command", this.#r);
 	}
 	firstUpdated() {
 		this.updateComplete.then(() => {
@@ -114,11 +114,11 @@ var h, g = class extends u {
 		});
 	}
 	#u() {
-		let e = this.defaultSlotElements.find((e) => e.localName === c.metadata.tag) ?? this.querySelector(c.metadata.tag);
-		return e instanceof c ? e : void 0;
+		let e = this.defaultSlotElements.find((e) => e.localName === o.metadata.tag) ?? this.querySelector(o.metadata.tag);
+		return e instanceof o ? e : void 0;
 	}
 	#d() {
-		return s(Array.from(this.#u()?.children ?? []));
+		return a(Array.from(this.#u()?.children ?? []));
 	}
 	#f() {
 		return Array.from(this.renderRoot.querySelectorAll("slot[name]"));
@@ -130,10 +130,10 @@ var h, g = class extends u {
 		return e.find((e) => this.#p(e) && e.selected) ?? e.find((e) => this.#p(e));
 	}
 };
-o([m({ flatten: !0 })], g.prototype, "defaultSlotElements", void 0), o([f({
+i([m({ flatten: !0 })], g.prototype, "defaultSlotElements", void 0), i([d({
 	type: String,
 	reflect: !0
-})], g.prototype, "alignment", void 0), o([p()], g.prototype, "panelValues", void 0), o([p()], g.prototype, "selectedValue", void 0), g = h = o([e()], g);
+})], g.prototype, "alignment", void 0), i([p()], g.prototype, "panelValues", void 0), i([p()], g.prototype, "selectedValue", void 0), g = h = i([e()], g);
 export { g as TabsGroup };
 
 //# sourceMappingURL=tabs-group2.js.map