@nvidia-elements/core 0.0.2 → 0.0.3

package/dist/grid/column/column2.js.map

@@ -1 +1 @@
-{"version":3,"file":"column2.js","names":["#grid","#computeColumnAlignment","#computeColumnPositions","#positionStylesheet","#buildFixedStyles","#buildBorderStyle"],"sources":["../../../src/grid/column/column.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 { useStyles, attachInternals, appendRootNodeStyle, tagSelector } from '@nvidia-elements/core/internal';\nimport type { Grid } from '@nvidia-elements/core/grid';\nimport styles from './column.css?inline';\n\n/**\n * @element nve-grid-column\n * @description Defines a column header within a grid, specifying the column's label, width, and alignment for all cells beneath it.\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/grid\n * @slot - default slot for content\n * @slot actions - slot for column actions\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --font-weight\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --min-width\n * @cssprop --justify-content\n * @cssprop --border-left\n * @cssprop --border-right\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/grid/\n */\nexport class GridColumn extends LitElement {\n  /**\n   * Only set a fixed px width when you know the grid width. Most cases this should remain unset.\n   * If the total width of all columns is less than the grid width then the last column fills the remaining space.\n   * By default column widths are evenly divided unless width is explicitly provided.\n   */\n  @property({ type: String, reflect: true }) width: string;\n\n  /**\n   * Set the `position` property or attribute to `fixed` or `sticky` to make the column fixed or sticky.\n   * Fixed columns do not scroll horizontally with the grid. Sticky columns scroll horizontally with the grid\n   * until the column reaches the edge of the grid.\n   */\n  @property({ type: String, reflect: true }) position: 'fixed' | 'sticky' | '';\n\n  /**\n   * Control the content alignment within a given column.\n   */\n  @property({ type: String, reflect: true, attribute: 'column-align' }) columnAlign: 'start' | 'center' | 'end';\n\n  /**\n   * @private\n   */\n  @property({ type: String, reflect: true, attribute: 'aria-colindex' }) ariaColIndex: string; // eslint-disable-line local/reserved-property-names\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-grid-column',\n    version: '0.0.0'\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  get #grid() {\n    return this.parentElement!.parentElement as Grid;\n  }\n\n  render() {\n    return html`\n      <div internal-host focusable=\"active\">\n        <slot></slot>\n        <slot name=\"actions\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'columnheader';\n    this.addEventListener('sort', ((e: CustomEvent) => (this.ariaSort = e.detail.next)) as EventListener);\n  }\n\n  async updated(props: PropertyValues<this>) {\n    super.updated(props);\n\n    if (props.get('columnAlign') !== this.columnAlign) {\n      this.#computeColumnAlignment();\n    }\n\n    if (props.get('position') !== this.position) {\n      this.#computeColumnPositions();\n    }\n\n    if (props.get('ariaColIndex') !== this.ariaColIndex) {\n      this.#computeColumnPositions();\n      this.#computeColumnAlignment();\n    }\n\n    if (props.get('width') !== this.width) {\n      this.dispatchEvent(new CustomEvent('nve-grid-column-resize', { bubbles: true, composed: true }));\n    }\n  }\n\n  #positionStylesheet: CSSStyleSheet;\n\n  #computeColumnPositions() {\n    if (this.position !== 'fixed') {\n      this.removeAttribute('left');\n      this.removeAttribute('right');\n      this.#positionStylesheet?.replaceSync('');\n      return;\n    }\n\n    const { side, positionStyle, borderStyle } = this.#buildFixedStyles();\n    const combinedStyle = `${positionStyle}\\n${borderStyle}`;\n\n    if (this.#positionStylesheet) {\n      this.#positionStylesheet.replaceSync(combinedStyle);\n    } else {\n      this.#positionStylesheet = appendRootNodeStyle(this.#grid, combinedStyle);\n    }\n\n    this.setAttribute(side, '');\n  }\n\n  #buildFixedStyles() {\n    const columns = Array.from(this.parentElement!.querySelectorAll<GridColumn>(tagSelector(GridColumn.metadata.tag)));\n    const rightColumns = columns.slice(columns.indexOf(this) + 1, columns.length);\n    const position = this.getBoundingClientRect();\n    const gridPosition = this.#grid.getBoundingClientRect();\n    const side = this.offsetLeft < gridPosition.width / 2 ? 'left' : 'right';\n    const leftStyle = position.left - gridPosition.left;\n    const rightStyle = rightColumns.reduce((width, c) => width + c.getBoundingClientRect().width, 0);\n    const selector = `[id='${this.#grid.id}'] nve-grid-column:nth-of-type(${this.ariaColIndex}),\n        [id='${this.#grid.id}'] nve-grid-cell:nth-of-type(${this.ariaColIndex})`;\n\n    const positionStyle = `\n        ${selector} {\n          position: sticky;\n          z-index: 99;\n          ${side === 'left' ? `left: ${leftStyle}px;` : `right: ${rightStyle}px;`}\n        }\n      `;\n\n    const borderStyle = this.#buildBorderStyle(selector, side);\n    return { side, positionStyle, borderStyle };\n  }\n\n  #buildBorderStyle(selector: string, side: 'left' | 'right') {\n    const isLastLeft = side === 'left' && (this.nextElementSibling as GridColumn)?.position !== this.position;\n    const isLastRight = side === 'right' && (this.previousElementSibling as GridColumn)?.position !== this.position;\n\n    if (!isLastLeft && !isLastRight) {\n      return '';\n    }\n\n    return `\n        ${selector} {\n          box-shadow: var(--scroll-shadow);\n          clip-path: inset(0px ${isLastLeft ? '-4px' : '0'} 0px ${isLastRight ? '-4px' : '0'});\n          --border-${side === 'right' ? 'left' : 'right'}: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n        }\n      `;\n  }\n\n  #computeColumnAlignment() {\n    if (this.columnAlign !== undefined) {\n      appendRootNodeStyle(\n        this.#grid,\n        `[id='${this.#grid.id}'] nve-grid-column:nth-of-type(${this.ariaColIndex}),\n        [id='${this.#grid.id}'] nve-grid-cell:nth-of-type(${this.ariaColIndex}) {\n          --justify-content: ${this.columnAlign}\n        }`\n      );\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"column2.js","names":["#grid","#computeColumnAlignment","#computeColumnPositions","#positionStylesheet","#buildFixedStyles","#buildBorderStyle"],"sources":["../../../src/grid/column/column.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 { useStyles, attachInternals, appendRootNodeStyle, tagSelector } from '@nvidia-elements/core/internal';\nimport type { Grid } from '@nvidia-elements/core/grid';\nimport styles from './column.css?inline';\n\n/**\n * @element nve-grid-column\n * @description Defines a column header within a grid, specifying the column's label, width, and alignment for all cells beneath it.\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/grid\n * @slot - default slot for content\n * @slot actions - slot for column actions\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --font-weight\n * @cssprop --font-size\n * @cssprop --height\n * @cssprop --min-width\n * @cssprop --justify-content\n * @cssprop --border-left\n * @cssprop --border-right\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/grid/\n */\nexport class GridColumn extends LitElement {\n  /**\n   * Only set a fixed px width when you know the grid width. Most cases this should remain unset.\n   * If the total width of all columns is less than the grid width then the last column fills the remaining space.\n   * By default column widths are evenly divided unless width is explicitly provided.\n   */\n  @property({ type: String, reflect: true }) width: string;\n\n  /**\n   * Set the `position` property or attribute to `fixed` or `sticky` to make the column fixed or sticky.\n   * Fixed columns do not scroll horizontally with the grid. Sticky columns scroll horizontally with the grid\n   * until the column reaches the edge of the grid.\n   */\n  @property({ type: String, reflect: true }) position: 'fixed' | 'sticky' | '';\n\n  /**\n   * Control the content alignment within a given column.\n   */\n  @property({ type: String, reflect: true, attribute: 'column-align' }) columnAlign: 'start' | 'center' | 'end';\n\n  /**\n   * @private\n   */\n  @property({ type: String, reflect: true, attribute: 'aria-colindex' }) ariaColIndex: string; // eslint-disable-line local/reserved-property-names\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-grid-column',\n    version: '0.0.0'\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  get #grid() {\n    return this.parentElement!.parentElement as Grid;\n  }\n\n  render() {\n    return html`\n      <div internal-host focusable=\"active\">\n        <slot></slot>\n        <slot name=\"actions\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'columnheader';\n    this.addEventListener('sort', ((e: CustomEvent) => (this.ariaSort = e.detail.next)) as EventListener);\n  }\n\n  willUpdate(props: PropertyValues<this>) {\n    if (props.has('width') && this.width && Number.isFinite(Number(this.width))) {\n      this.width = `${this.width}px`; // eslint-disable-line local/stateless-property\n    }\n  }\n\n  async updated(props: PropertyValues<this>) {\n    super.updated(props);\n\n    if (props.get('columnAlign') !== this.columnAlign) {\n      this.#computeColumnAlignment();\n    }\n\n    if (props.get('position') !== this.position) {\n      this.#computeColumnPositions();\n    }\n\n    if (props.get('ariaColIndex') !== this.ariaColIndex) {\n      this.#computeColumnPositions();\n      this.#computeColumnAlignment();\n    }\n\n    if (props.get('width') !== this.width) {\n      this.dispatchEvent(new CustomEvent('nve-grid-column-resize', { bubbles: true, composed: true }));\n    }\n  }\n\n  #positionStylesheet: CSSStyleSheet;\n\n  #computeColumnPositions() {\n    if (this.position !== 'fixed') {\n      this.removeAttribute('left');\n      this.removeAttribute('right');\n      this.#positionStylesheet?.replaceSync('');\n      return;\n    }\n\n    const { side, positionStyle, borderStyle } = this.#buildFixedStyles();\n    const combinedStyle = `${positionStyle}\\n${borderStyle}`;\n\n    if (this.#positionStylesheet) {\n      this.#positionStylesheet.replaceSync(combinedStyle);\n    } else {\n      this.#positionStylesheet = appendRootNodeStyle(this.#grid, combinedStyle);\n    }\n\n    this.setAttribute(side, '');\n  }\n\n  #buildFixedStyles() {\n    const columns = Array.from(this.parentElement!.querySelectorAll<GridColumn>(tagSelector(GridColumn.metadata.tag)));\n    const rightColumns = columns.slice(columns.indexOf(this) + 1, columns.length);\n    const position = this.getBoundingClientRect();\n    const gridPosition = this.#grid.getBoundingClientRect();\n    const side = this.offsetLeft < gridPosition.width / 2 ? 'left' : 'right';\n    const leftStyle = position.left - gridPosition.left;\n    const rightStyle = rightColumns.reduce((width, c) => width + c.getBoundingClientRect().width, 0);\n    const selector = `[id='${this.#grid.id}'] nve-grid-column:nth-of-type(${this.ariaColIndex}),\n        [id='${this.#grid.id}'] nve-grid-cell:nth-of-type(${this.ariaColIndex})`;\n\n    const positionStyle = `\n        ${selector} {\n          position: sticky;\n          z-index: 99;\n          ${side === 'left' ? `left: ${leftStyle}px;` : `right: ${rightStyle}px;`}\n        }\n      `;\n\n    const borderStyle = this.#buildBorderStyle(selector, side);\n    return { side, positionStyle, borderStyle };\n  }\n\n  #buildBorderStyle(selector: string, side: 'left' | 'right') {\n    const isLastLeft = side === 'left' && (this.nextElementSibling as GridColumn)?.position !== this.position;\n    const isLastRight = side === 'right' && (this.previousElementSibling as GridColumn)?.position !== this.position;\n\n    if (!isLastLeft && !isLastRight) {\n      return '';\n    }\n\n    return `\n        ${selector} {\n          box-shadow: var(--scroll-shadow);\n          clip-path: inset(0px ${isLastLeft ? '-4px' : '0'} 0px ${isLastRight ? '-4px' : '0'});\n          --border-${side === 'right' ? 'left' : 'right'}: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n        }\n      `;\n  }\n\n  #computeColumnAlignment() {\n    if (this.columnAlign !== undefined) {\n      appendRootNodeStyle(\n        this.#grid,\n        `[id='${this.#grid.id}'] nve-grid-column:nth-of-type(${this.ariaColIndex}),\n        [id='${this.#grid.id}'] nve-grid-cell:nth-of-type(${this.ariaColIndex}) {\n          --justify-content: ${this.columnAlign}\n        }`\n      );\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/grid/footer/footer2.js

@@ -1,5 +1,5 @@
 import { attachInternals as e } from "../../internal/utils/a11y.js";
-import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as t } from "../../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { hostAttr as n } from "../../internal/decorators/host-attr.js";
 import { useStyles as r } from "../../internal/styles/index.js";
 import i from "./footer.js";
@@ -15,7 +15,7 @@ var s = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-grid-footer",
-			version: "0.0.2"
+			version: "0.0.3"
 		};
 	}
 	static {

package/dist/grid/grid2.js

@@ -1,6 +1,6 @@
 import { appendRootNodeStyle as e, generateId as t, tagSelector as n } from "../internal/utils/dom.js";
 import { attachInternals as r } from "../internal/utils/a11y.js";
-import { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { audit as a } from "../internal/controllers/audit.controller.js";
 import { keyNavigationGrid as o } from "../internal/controllers/keynav-grid.controller.js";
 import { useStyles as s } from "../internal/styles/index.js";
@@ -22,7 +22,7 @@ var y = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-grid",
-			version: "0.0.2",
+			version: "0.0.3",
 			children: [
 				d.metadata.tag,
 				f.metadata.tag,

package/dist/grid/header/header2.js

@@ -3,7 +3,7 @@ import { tagSelector as t } from "../../internal/utils/dom.js";
 import { attachInternals as n } from "../../internal/utils/a11y.js";
 import { debounce as r } from "../../internal/utils/events.js";
 import { LogService as i } from "../../internal/services/log.service.js";
-import { __decorate as a } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as a } from "../../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { audit as o } from "../../internal/controllers/audit.controller.js";
 import { useStyles as s } from "../../internal/styles/index.js";
 import c from "./header.js";
@@ -20,7 +20,7 @@ var h = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-grid-header",
-			version: "0.0.2",
+			version: "0.0.3",
 			children: [l.metadata.tag]
 		};
 	}

package/dist/grid/placeholder/placeholder2.js

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

package/dist/grid/row/row2.js

@@ -1,6 +1,6 @@
 import { attachInternals as e } from "../../internal/utils/a11y.js";
 import { stateSelected as t } from "../../internal/controllers/state-selected.controller.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { audit as r } from "../../internal/controllers/audit.controller.js";
 import { useStyles as i } from "../../internal/styles/index.js";
 import { GridCell as a } from "../cell/cell2.js";
@@ -15,7 +15,7 @@ var u = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-grid-row",
-			version: "0.0.2",
+			version: "0.0.3",
 			children: [a.metadata.tag]
 		};
 	}

package/dist/icon/icon2.js

@@ -1,6 +1,6 @@
 import { parseVersion as e } from "../internal/utils/objects.js";
 import { attachInternals as t } from "../internal/utils/a11y.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { useStyles as r } from "../internal/styles/index.js";
 import { ICON_IMPORTS as i } from "./icons.js";
 import a from "./icon.js";
@@ -16,7 +16,7 @@ var f = class e extends o {
 	static {
 		this.metadata = {
 			tag: "nve-icon",
-			version: "0.0.2"
+			version: "0.0.3"
 		};
 	}
 	static {
@@ -86,7 +86,7 @@ n([l({
 })], f.prototype, "name", void 0), n([d()], f.prototype, "svg", void 0);
 function p(t) {
 	if (typeof globalThis.customElements?.get == "function") {
-		let n = e(t.metadata.version), r = e("0.0.2");
+		let n = e(t.metadata.version), r = e("0.0.3");
 		n.minor <= r.minor && n.major <= r.major && (t._icons = {
 			...t._icons,
 			...i

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

@@ -1,5 +1,5 @@
 import { removeEmptySlotWhitespace as e } from "../internal/utils/dom.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { scopedRegistry as n } from "../internal/decorators/scoped-registry.js";
 import { useStyles as r } from "../internal/styles/index.js";
 import { Icon as i } from "../icon/icon2.js";
@@ -15,7 +15,7 @@ var l = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-icon-button",
-			version: "0.0.2"
+			version: "0.0.3"
 		};
 	}
 	static {

package/dist/index.js

@@ -2,7 +2,7 @@ import { getThemeTokens as e } from "./internal/utils/dom.js";
 import { I18nService as t } from "./internal/services/i18n.service.js";
 import { statusIcons as n } from "./internal/types/index.js";
 //#region src/index.ts
-var r = "0.0.2", i = "@nvidia-elements";
+var r = "0.0.3", i = "@nvidia-elements";
 //#endregion
 export { t as I18nService, i as SCOPE, r as VERSION, e as getThemeTokens, n as statusIcons };
 

package/dist/input/define.js

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

package/dist/input/define.js.map

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

package/dist/input/input-group2.js

@@ -11,7 +11,7 @@ var a = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-input-group",
-			version: "0.0.2"
+			version: "0.0.3"
 		};
 	}
 	async connectedCallback() {

package/dist/input/input2.js

@@ -1,4 +1,4 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { useStyles as t } from "../internal/styles/index.js";
 import { Control as n } from "../forms/control/control2.js";
 import r from "./input.js";
@@ -14,7 +14,7 @@ var a = r, o = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-input",
-			version: "0.0.2"
+			version: "0.0.3"
 		};
 	}
 };

package/dist/internal/base/button.js

@@ -11,7 +11,7 @@ import { typeNativePopoverTrigger as l } from "../controllers/type-native-popove
 import { stateCurrent as u } from "../controllers/state-current.controller.js";
 import { typeCommand as d } from "../controllers/type-command.controller.js";
 import { typeInterest as f } from "../controllers/type-interest.controller.js";
-import { __decorate as p } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.js";
+import { __decorate as p } from "../../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
 import { LitElement as m, html as h, isServer as g } from "lit";
 import { property as _ } from "lit/decorators/property.js";
 //#region src/internal/base/button.ts

package/dist/internal/index.js

@@ -2,43 +2,43 @@ import { DOCS_URL as e, formatFileSize as t, shiftLeft as n } from "./utils/stri
 import { deepMerge as r, formatStandardNumber as i, getDifference as a, isObject as o, isObjectLiteral as s, parseVersion as c } from "./utils/objects.js";
 import { GlobalState as l, GlobalStateService as u } from "./services/global.service.js";
 import { focusElement as d, focusElementTimeout as f, getActiveElement as p, initializeKeyListItems as m, isFocusable as h, isSimpleFocusable as g, onListboxActivate as _, setActiveKeyListItem as v } from "./utils/focus.js";
-import { KeynavCode as y, appendAnchorName as b, appendRootNodeStyle as x, applySlotContentStates as S, clickOutsideElementBounds as C, createGhostElement as w, define as T, defineElement as E, endOfScrollBox as D, generateId as O, getAnchorNames as k, getAttributeChanges as A, getAttributeListChanges as j, getChildren as M, getDisplayValue as N, getElementUpdate as P, getFlattenedDOMTree as F, getFlattenedFocusableItems as I, getThemeTokens as L, hasHorizontalScrollBar as R, hasInvalidDOMGrid as z, hasScrollBar as B, isContextMenuClick as V, matchesElementName as H, openEyeDropper as U, parseTokenNumber as W, removeAnchorName as G, removeEmptySlotWhitespace as K, removeEmptyTextNode as q, sameRenderRoot as J, scrollBarWidth as Y, slotContainsOnlyWhitespace as X, styleSheetToString as Z, supportsScopedRegistry as Q, tagSelector as $, validKeyNavigationCode as ee } from "./utils/dom.js";
-import { associateAriaDescribedBy as te, associateAriaLabel as ne, associateControlGroup as re, associateDataList as ie, associateLabel as ae, attachInternals as oe } from "./utils/a11y.js";
-import { StateActiveController as se, stateActive as ce } from "./controllers/state-active.controller.js";
-import { StateDisabledController as le, stateDisabled as ue } from "./controllers/state-disabled.controller.js";
-import { StateExpandedController as de, stateExpanded as fe } from "./controllers/state-expanded.controller.js";
-import { StatePressedController as pe, statePressed as me } from "./controllers/state-pressed.controller.js";
-import { StateSelectedController as he, stateSelected as ge } from "./controllers/state-selected.controller.js";
-import { TypeButtonController as _e, typeButton as ve } from "./controllers/type-button.controller.js";
-import { TypeAnchorController as ye, typeAnchor as be } from "./controllers/type-anchor.controller.js";
-import { debounce as xe, onChildListMutation as Se, stopEvent as Ce, throttle as we } from "./utils/events.js";
-import { createLightDismiss as Te, onKeys as Ee } from "./utils/keynav.js";
-import { TypeSubmitController as De, typeSubmit as Oe } from "./controllers/type-submit.controller.js";
-import { LogService as ke } from "./services/log.service.js";
-import { TypeNativePopoverTriggerController as Ae, typeNativePopoverTrigger as je } from "./controllers/type-native-popover-trigger.controller.js";
-import { StateCurrentController as Me, stateCurrent as Ne } from "./controllers/state-current.controller.js";
-import { TypeCommandController as Pe, typeCommand as Fe } from "./controllers/type-command.controller.js";
-import { TypeInterestController as Ie, typeInterest as Le } from "./controllers/type-interest.controller.js";
-import { BaseButton as Re } from "./base/button.js";
-import { auditParentElement as ze, auditSlots as Be } from "./utils/audit.js";
-import { AuditController as Ve, audit as He, excessiveInstanceLimit as Ue } from "./controllers/audit.controller.js";
-import { I18nService as We, I18nService_ as Ge } from "./services/i18n.service.js";
-import { I18nController as Ke, i18n as qe } from "./controllers/i18n.controller.js";
-import { KeyNavigationGridController as Je, getNextKeyGridItem as Ye, keyNavigationGrid as Xe } from "./controllers/keynav-grid.controller.js";
-import { KeyNavigationListController as Ze, getNextKeyListItem as Qe, keyNavigationList as $e } from "./controllers/keynav-list.controller.js";
-import { StateHighlightedController as et, stateHighlighted as tt } from "./controllers/state-highlighted.controller.js";
-import { StateScrollController as nt, stateScroll as rt } from "./controllers/state-scroll.controller.js";
-import { TypeClosableController as it } from "./controllers/type-closable.controller.js";
-import { TypeExpandableController as at } from "./controllers/type-expandable.controller.js";
-import { TypeSelectableController as ot } from "./controllers/type-selectable.controller.js";
-import { TypeNativePopoverController as st } from "./controllers/type-native-popover.controller.js";
-import { TypeSSRController as ct, typeSSR as lt } from "./controllers/type-ssr.controller.js";
-import { NveTouchEvent as ut, TypeTouchController as dt, typeTouch as ft } from "./controllers/type-touch.controller.js";
-import { hostAttr as pt } from "./decorators/host-attr.js";
-import { scopedRegistry as mt } from "./decorators/scoped-registry.js";
-import { colorStateStyles as ht, statusStateStyles as gt, supportStateStyles as _t, useStyles as vt } from "./styles/index.js";
-import { supportsCSSLegacyInsetArea as yt, supportsCSSPositionArea as bt, supportsNativeCSSAnchorPosition as xt } from "./utils/supports.js";
-import { popoverStyles as St } from "./styles/popover2.js";
-import { TransitionService as Ct } from "./services/transition.service.js";
-import { statusIcons as wt } from "./types/index.js";
-export { Ve as AuditController, Re as BaseButton, e as DOCS_URL, l as GlobalState, u as GlobalStateService, Ke as I18nController, We as I18nService, Ge as I18nService_, Je as KeyNavigationGridController, Ze as KeyNavigationListController, y as KeynavCode, ke as LogService, ut as NveTouchEvent, se as StateActiveController, Me as StateCurrentController, le as StateDisabledController, de as StateExpandedController, et as StateHighlightedController, pe as StatePressedController, nt as StateScrollController, he as StateSelectedController, Ct as TransitionService, ye as TypeAnchorController, _e as TypeButtonController, it as TypeClosableController, Pe as TypeCommandController, at as TypeExpandableController, Ie as TypeInterestController, st as TypeNativePopoverController, Ae as TypeNativePopoverTriggerController, ct as TypeSSRController, ot as TypeSelectableController, De as TypeSubmitController, dt as TypeTouchController, b as appendAnchorName, x as appendRootNodeStyle, S as applySlotContentStates, te as associateAriaDescribedBy, ne as associateAriaLabel, re as associateControlGroup, ie as associateDataList, ae as associateLabel, oe as attachInternals, He as audit, ze as auditParentElement, Be as auditSlots, C as clickOutsideElementBounds, ht as colorStateStyles, w as createGhostElement, Te as createLightDismiss, xe as debounce, r as deepMerge, T as define, E as defineElement, D as endOfScrollBox, Ue as excessiveInstanceLimit, d as focusElement, f as focusElementTimeout, t as formatFileSize, i as formatStandardNumber, O as generateId, p as getActiveElement, k as getAnchorNames, A as getAttributeChanges, j as getAttributeListChanges, M as getChildren, a as getDifference, N as getDisplayValue, P as getElementUpdate, F as getFlattenedDOMTree, I as getFlattenedFocusableItems, Ye as getNextKeyGridItem, Qe as getNextKeyListItem, L as getThemeTokens, R as hasHorizontalScrollBar, z as hasInvalidDOMGrid, B as hasScrollBar, pt as hostAttr, qe as i18n, m as initializeKeyListItems, V as isContextMenuClick, h as isFocusable, o as isObject, s as isObjectLiteral, g as isSimpleFocusable, Xe as keyNavigationGrid, $e as keyNavigationList, H as matchesElementName, Se as onChildListMutation, Ee as onKeys, _ as onListboxActivate, U as openEyeDropper, W as parseTokenNumber, c as parseVersion, St as popoverStyles, G as removeAnchorName, K as removeEmptySlotWhitespace, q as removeEmptyTextNode, J as sameRenderRoot, mt as scopedRegistry, Y as scrollBarWidth, v as setActiveKeyListItem, n as shiftLeft, X as slotContainsOnlyWhitespace, ce as stateActive, Ne as stateCurrent, ue as stateDisabled, fe as stateExpanded, tt as stateHighlighted, me as statePressed, rt as stateScroll, ge as stateSelected, wt as statusIcons, gt as statusStateStyles, Ce as stopEvent, Z as styleSheetToString, _t as supportStateStyles, yt as supportsCSSLegacyInsetArea, bt as supportsCSSPositionArea, xt as supportsNativeCSSAnchorPosition, Q as supportsScopedRegistry, $ as tagSelector, we as throttle, be as typeAnchor, ve as typeButton, Fe as typeCommand, Le as typeInterest, je as typeNativePopoverTrigger, lt as typeSSR, Oe as typeSubmit, ft as typeTouch, vt as useStyles, ee as validKeyNavigationCode };
+import { KeynavCode as y, appendAnchorName as b, appendRootNodeStyle as x, applySlotContentStates as S, clickOutsideElementBounds as C, createGhostElement as w, define as T, defineElement as E, endOfScrollBox as D, generateId as O, getAnchorNames as k, getAttributeChanges as A, getAttributeListChanges as j, getChildren as M, getDisplayValue as N, getElementUpdate as P, getFlattenedDOMTree as F, getFlattenedFocusableItems as I, getPropertyChanges as L, getThemeTokens as R, hasHorizontalScrollBar as z, hasInvalidDOMGrid as B, hasScrollBar as V, isContextMenuClick as H, matchesElementName as U, openEyeDropper as W, parseTokenNumber as G, removeAnchorName as K, removeEmptySlotWhitespace as q, removeEmptyTextNode as J, sameRenderRoot as Y, scrollBarWidth as X, slotContainsOnlyWhitespace as Z, styleSheetToString as Q, supportsScopedRegistry as $, tagSelector as ee, validKeyNavigationCode as te } from "./utils/dom.js";
+import { associateAriaDescribedBy as ne, associateAriaLabel as re, associateControlGroup as ie, associateDataList as ae, associateLabel as oe, attachInternals as se } from "./utils/a11y.js";
+import { StateActiveController as ce, stateActive as le } from "./controllers/state-active.controller.js";
+import { StateDisabledController as ue, stateDisabled as de } from "./controllers/state-disabled.controller.js";
+import { StateExpandedController as fe, stateExpanded as pe } from "./controllers/state-expanded.controller.js";
+import { StatePressedController as me, statePressed as he } from "./controllers/state-pressed.controller.js";
+import { StateSelectedController as ge, stateSelected as _e } from "./controllers/state-selected.controller.js";
+import { TypeButtonController as ve, typeButton as ye } from "./controllers/type-button.controller.js";
+import { TypeAnchorController as be, typeAnchor as xe } from "./controllers/type-anchor.controller.js";
+import { debounce as Se, onChildListMutation as Ce, stopEvent as we, throttle as Te } from "./utils/events.js";
+import { createLightDismiss as Ee, onKeys as De } from "./utils/keynav.js";
+import { TypeSubmitController as Oe, typeSubmit as ke } from "./controllers/type-submit.controller.js";
+import { LogService as Ae } from "./services/log.service.js";
+import { TypeNativePopoverTriggerController as je, typeNativePopoverTrigger as Me } from "./controllers/type-native-popover-trigger.controller.js";
+import { StateCurrentController as Ne, stateCurrent as Pe } from "./controllers/state-current.controller.js";
+import { TypeCommandController as Fe, typeCommand as Ie } from "./controllers/type-command.controller.js";
+import { TypeInterestController as Le, typeInterest as Re } from "./controllers/type-interest.controller.js";
+import { BaseButton as ze } from "./base/button.js";
+import { auditParentElement as Be, auditSlots as Ve } from "./utils/audit.js";
+import { AuditController as He, audit as Ue, excessiveInstanceLimit as We } from "./controllers/audit.controller.js";
+import { I18nService as Ge, I18nService_ as Ke } from "./services/i18n.service.js";
+import { I18nController as qe, i18n as Je } from "./controllers/i18n.controller.js";
+import { KeyNavigationGridController as Ye, getNextKeyGridItem as Xe, keyNavigationGrid as Ze } from "./controllers/keynav-grid.controller.js";
+import { KeyNavigationListController as Qe, getNextKeyListItem as $e, keyNavigationList as et } from "./controllers/keynav-list.controller.js";
+import { StateHighlightedController as tt, stateHighlighted as nt } from "./controllers/state-highlighted.controller.js";
+import { StateScrollController as rt, stateScroll as it } from "./controllers/state-scroll.controller.js";
+import { TypeClosableController as at } from "./controllers/type-closable.controller.js";
+import { TypeExpandableController as ot } from "./controllers/type-expandable.controller.js";
+import { TypeSelectableController as st } from "./controllers/type-selectable.controller.js";
+import { TypeNativePopoverController as ct } from "./controllers/type-native-popover.controller.js";
+import { TypeSSRController as lt, typeSSR as ut } from "./controllers/type-ssr.controller.js";
+import { NveTouchEvent as dt, TypeTouchController as ft, typeTouch as pt } from "./controllers/type-touch.controller.js";
+import { hostAttr as mt } from "./decorators/host-attr.js";
+import { scopedRegistry as ht } from "./decorators/scoped-registry.js";
+import { colorStateStyles as gt, statusStateStyles as _t, supportStateStyles as vt, useStyles as yt } from "./styles/index.js";
+import { supportsCSSLegacyInsetArea as bt, supportsCSSPositionArea as xt, supportsNativeCSSAnchorPosition as St } from "./utils/supports.js";
+import { popoverStyles as Ct } from "./styles/popover2.js";
+import { TransitionService as wt } from "./services/transition.service.js";
+import { statusIcons as Tt } from "./types/index.js";
+export { He as AuditController, ze as BaseButton, e as DOCS_URL, l as GlobalState, u as GlobalStateService, qe as I18nController, Ge as I18nService, Ke as I18nService_, Ye as KeyNavigationGridController, Qe as KeyNavigationListController, y as KeynavCode, Ae as LogService, dt as NveTouchEvent, ce as StateActiveController, Ne as StateCurrentController, ue as StateDisabledController, fe as StateExpandedController, tt as StateHighlightedController, me as StatePressedController, rt as StateScrollController, ge as StateSelectedController, wt as TransitionService, be as TypeAnchorController, ve as TypeButtonController, at as TypeClosableController, Fe as TypeCommandController, ot as TypeExpandableController, Le as TypeInterestController, ct as TypeNativePopoverController, je as TypeNativePopoverTriggerController, lt as TypeSSRController, st as TypeSelectableController, Oe as TypeSubmitController, ft as TypeTouchController, b as appendAnchorName, x as appendRootNodeStyle, S as applySlotContentStates, ne as associateAriaDescribedBy, re as associateAriaLabel, ie as associateControlGroup, ae as associateDataList, oe as associateLabel, se as attachInternals, Ue as audit, Be as auditParentElement, Ve as auditSlots, C as clickOutsideElementBounds, gt as colorStateStyles, w as createGhostElement, Ee as createLightDismiss, Se as debounce, r as deepMerge, T as define, E as defineElement, D as endOfScrollBox, We as excessiveInstanceLimit, d as focusElement, f as focusElementTimeout, t as formatFileSize, i as formatStandardNumber, O as generateId, p as getActiveElement, k as getAnchorNames, A as getAttributeChanges, j as getAttributeListChanges, M as getChildren, a as getDifference, N as getDisplayValue, P as getElementUpdate, F as getFlattenedDOMTree, I as getFlattenedFocusableItems, Xe as getNextKeyGridItem, $e as getNextKeyListItem, L as getPropertyChanges, R as getThemeTokens, z as hasHorizontalScrollBar, B as hasInvalidDOMGrid, V as hasScrollBar, mt as hostAttr, Je as i18n, m as initializeKeyListItems, H as isContextMenuClick, h as isFocusable, o as isObject, s as isObjectLiteral, g as isSimpleFocusable, Ze as keyNavigationGrid, et as keyNavigationList, U as matchesElementName, Ce as onChildListMutation, De as onKeys, _ as onListboxActivate, W as openEyeDropper, G as parseTokenNumber, c as parseVersion, Ct as popoverStyles, K as removeAnchorName, q as removeEmptySlotWhitespace, J as removeEmptyTextNode, Y as sameRenderRoot, ht as scopedRegistry, X as scrollBarWidth, v as setActiveKeyListItem, n as shiftLeft, Z as slotContainsOnlyWhitespace, le as stateActive, Pe as stateCurrent, de as stateDisabled, pe as stateExpanded, nt as stateHighlighted, he as statePressed, it as stateScroll, _e as stateSelected, Tt as statusIcons, _t as statusStateStyles, we as stopEvent, Q as styleSheetToString, vt as supportStateStyles, bt as supportsCSSLegacyInsetArea, xt as supportsCSSPositionArea, St as supportsNativeCSSAnchorPosition, $ as supportsScopedRegistry, ee as tagSelector, Te as throttle, xe as typeAnchor, ye as typeButton, Ie as typeCommand, Re as typeInterest, Me as typeNativePopoverTrigger, ut as typeSSR, ke as typeSubmit, pt as typeTouch, yt as useStyles, te as validKeyNavigationCode };

package/dist/internal/services/global.service.js

@@ -19,7 +19,7 @@ var a = class {
 				i18nRegistry: {},
 				audit: {}
 			}
-		}, globalThis.MLV_ELEMENTS = globalThis.NVE_ELEMENTS, globalThis.NVE_ELEMENTS.state.versions = Array.from(new Set([...globalThis.NVE_ELEMENTS.state.versions, "0.0.2"])), globalThis.NVE_ELEMENTS.state.scopedRegistry ??= {}, globalThis.NVE_ELEMENTS.state.scopedRegistry["0.0.2"] = i(), globalThis.NVE_ELEMENTS.state.versions.length > 1 && globalThis.NVE_ELEMENTS.state.env !== "production" && console.warn(e(), `\n\n${JSON.stringify(globalThis.NVE_ELEMENTS.state.versions, null, 2)}`);
+		}, globalThis.MLV_ELEMENTS = globalThis.NVE_ELEMENTS, globalThis.NVE_ELEMENTS.state.versions = Array.from(new Set([...globalThis.NVE_ELEMENTS.state.versions, "0.0.3"])), globalThis.NVE_ELEMENTS.state.scopedRegistry ??= {}, globalThis.NVE_ELEMENTS.state.scopedRegistry["0.0.3"] = i(), globalThis.NVE_ELEMENTS.state.versions.length > 1 && globalThis.NVE_ELEMENTS.state.env !== "production" && console.warn(e(), `\n\n${JSON.stringify(globalThis.NVE_ELEMENTS.state.versions, null, 2)}`);
 	}
 	get state() {
 		return globalThis.NVE_ELEMENTS.state;

package/dist/internal/utils/dom.d.ts

@@ -10,6 +10,8 @@ export declare function getAttributeListChanges(element: HTMLElement, attrs: str
  */
 export declare function appendRootNodeStyle(host: HTMLElement, styles: string): CSSStyleSheet;
 export declare function styleSheetToString(stylesheet: CSSStyleSheet): string;
+/** Intercepts a property setter on an element so `callback` fires on every assignment. Does not use a MutationObserver. */
+export declare function getPropertyChanges(element: HTMLElement, key: string, callback: (value: unknown) => void): void;
 export declare function getElementUpdate(element: HTMLElement, key: string, callback: (value: unknown) => void): MutationObserver;
 export declare function clickOutsideElementBounds(event: PointerEvent | MouseEvent, element: HTMLElement): boolean;
 /** parses number out of basic calc generated by the design tokens */

package/dist/internal/utils/dom.js

@@ -45,77 +45,77 @@ function s(e) {
 	return e.cssRules ? Array.from(e.cssRules).map((e) => e.cssText || "").join("\n") : "";
 }
 function c(e, t, n) {
-	e.hasAttribute(t) ? n(e.getAttribute(t)) : e[t] !== void 0 && n(e[t]);
 	let r = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e), t);
-	if (r) {
-		let i = Object.getOwnPropertyDescriptor(e, t);
-		(!i || i.configurable !== !1) && Object.defineProperty(e, t, {
-			configurable: !0,
-			get: r.get,
-			set: (t) => {
-				r.set.call(e, t), n(t);
-			}
-		});
-	}
-	return i(e, t, (e) => n(e));
+	if (!r) return;
+	let i = Object.getOwnPropertyDescriptor(e, t);
+	i && i.configurable === !1 || Object.defineProperty(e, t, {
+		configurable: !0,
+		get: r.get,
+		set: (t) => {
+			r.set.call(e, t), n(t);
+		}
+	});
 }
-function l(e, t) {
+function l(e, t, n) {
+	return e.hasAttribute(t) ? n(e.getAttribute(t)) : e[t] !== void 0 && n(e[t]), c(e, t, n), i(e, t, (e) => n(e));
+}
+function u(e, t) {
 	let { left: n, right: r, top: i, bottom: a } = t.getBoundingClientRect();
 	return e.clientX < n || e.clientX > r || e.clientY < i || e.clientY > a;
 }
-function u(e) {
+function d(e) {
 	return parseInt(e.includes("calc") ? e.split("*")[1].replace("px)", "").trim() : e, 10) || 0;
 }
-var d = globalThis.CustomElementRegistry && "initialize" in CustomElementRegistry.prototype;
-function f(t, n) {
+var f = globalThis.CustomElementRegistry && "initialize" in CustomElementRegistry.prototype;
+function p(t, n) {
 	Object.entries(t.elementDefinitions ?? {}).filter(([e, t]) => !n.get(t.metadata.tag)).forEach(([e, t]) => {
-		f(t, n);
+		p(t, n);
 	}), n.get(t.metadata.tag) || (n.define(t.metadata.tag, t), n === customElements && e.dispatch("NVE_ELEMENT_DEFINE", { elementRegistry: { [t.metadata.tag]: t.metadata.version } }));
 }
-function p(t) {
+function m(t) {
 	let { version: n } = t.metadata;
-	d && !customElements.get(t.metadata.tag) ? (customElements.define(t.metadata.tag, t), e.dispatch("NVE_ELEMENT_DEFINE", { elementRegistry: { [t.metadata.tag]: t.metadata.version } })) : f(t, customElements), e.state.elementRegistry[t.metadata.tag] !== n && globalThis?.location?.hostname === "localhost" && import("./audit-logs.js").then((e) => console.warn(e.getDuplicatePackageVersionWarning(t.metadata.tag, n)));
+	f && !customElements.get(t.metadata.tag) ? (customElements.define(t.metadata.tag, t), e.dispatch("NVE_ELEMENT_DEFINE", { elementRegistry: { [t.metadata.tag]: t.metadata.version } })) : p(t, customElements), e.state.elementRegistry[t.metadata.tag] !== n && globalThis?.location?.hostname === "localhost" && import("./audit-logs.js").then((e) => console.warn(e.getDuplicatePackageVersionWarning(t.metadata.tag, n)));
 }
-function m(e) {
+function h(e) {
 	return e.buttons === 2 && !e.ctrlKey || e.buttons === 1 && e.ctrlKey;
 }
-function h(e, n = 10) {
-	return g(e, n).filter((e) => t(e));
+function g(e, n = 10) {
+	return _(e, n).filter((e) => t(e));
 }
-function g(e, t = 10) {
-	return Array.from(n(e)).reduce((e, r) => [...e, [r, [...Array.from(n(r)).map((e) => [e, g(e, t)])]]], []).flat(t);
+function _(e, t = 10) {
+	return Array.from(n(e)).reduce((e, r) => [...e, [r, [...Array.from(n(r)).map((e) => [e, _(e, t)])]]], []).flat(t);
 }
-function _(e) {
-	return y.has(e.code);
+function v(e) {
+	return b.has(e.code);
 }
-var v = /* @__PURE__ */ function(e) {
+var y = /* @__PURE__ */ function(e) {
 	return e.End = "End", e.Home = "Home", e.PageUp = "PageUp", e.PageDown = "PageDown", e.ArrowUp = "ArrowUp", e.ArrowDown = "ArrowDown", e.ArrowLeft = "ArrowLeft", e.ArrowRight = "ArrowRight", e;
-}({}), y = new Set(Object.values(v));
-function b(e) {
+}({}), b = new Set(Object.values(y));
+function x(e) {
 	return e.some((t) => t.children.length !== e[0].children.length);
 }
-function x(e) {
+function S(e) {
 	e?.wholeText?.trim() === "" && e.remove();
 }
-function S() {
+function C() {
 	let e = globalThis.document.createElement("div");
 	e.style.setProperty("width", "100px"), e.style.setProperty("height", "100px"), e.style.setProperty("overflow", "scroll"), e.style.setProperty("position", "absolute"), e.style.setProperty("top", "-9999px"), globalThis.document.body.appendChild(e);
 	let t = e.offsetWidth - e.clientWidth;
 	return globalThis.document.body.removeChild(e), t;
 }
-function C(e) {
+function w(e) {
 	return e.scrollHeight > e.clientHeight;
 }
-function w(e) {
+function T(e) {
 	return e.scrollWidth > e.clientWidth;
 }
-function T(e, t = 0) {
+function E(e, t = 0) {
 	return e.scrollTop + e.offsetHeight + t >= e.scrollHeight;
 }
-async function E() {
+async function D() {
 	return await new globalThis.EyeDropper().open().then((e) => e.sRGBHex);
 }
-function D(e = globalThis.document.querySelector(":root")) {
+function O(e = globalThis.document.querySelector(":root")) {
 	let t = getComputedStyle(e), n = [];
 	try {
 		n = Array.from(globalThis.parent.document.styleSheets);
@@ -134,45 +134,45 @@ function D(e = globalThis.document.querySelector(":root")) {
 		[n[0]]: t.getPropertyValue(n[0])
 	}), {});
 }
-function O(e) {
-	k(e) && e.assignedNodes().forEach((e) => e.parentNode?.removeChild(e));
-}
 function k(e) {
+	A(e) && e.assignedNodes().forEach((e) => e.parentNode?.removeChild(e));
+}
+function A(e) {
 	let t = !e.assignedNodes().find((e) => e.nodeType !== Node.TEXT_NODE), n = !e.assignedNodes().find((e) => e.nodeType === Node.TEXT_NODE && (e.textContent ?? "").trim() !== "");
 	return t && n;
 }
-function A(e, t) {
+function j(e, t) {
 	let n = e.assignedNodes(), r = e.name ?? "slot";
 	n.length ? t._internals.states.add(`has-${r}`) : t._internals.states.delete(`has-${r}`);
 }
-function j(e) {
+function M(e) {
 	return e?.label || e?.value || "";
 }
-function M(e) {
+function N(e) {
 	return `${e.replaceAll("nve-", "nve-")}, ${e.replaceAll("nve-", "nve-")}`;
 }
-function N(e, t) {
+function P(e, t) {
 	return e.localName === t.metadata.tag.replace("nve-", "nve-") || e.localName === t.metadata.tag.replace("nve-", "nve-");
 }
-function P(e) {
+function F(e) {
 	let t = globalThis.document.createElement("div"), { width: n } = e.getBoundingClientRect();
 	return t.setAttribute("nve-ghost", ""), t.style.minWidth = `${n}px`, t.style.maxWidth = `${n}px`, t.style.height = "1px", t.slot = e.slot, t;
 }
-function F(e, t) {
+function I(e, t) {
 	let n = e.getRootNode(), r = t.getRootNode(), i = n instanceof ShadowRoot && r instanceof ShadowRoot && n === r, a = n === globalThis.document && r === globalThis.document;
 	return i || a || n === r;
 }
-function I(e) {
+function L(e) {
 	return e.style.anchorName?.split(",")?.map((e) => e.trim())?.filter((e) => e !== "none" && e !== "") ?? [];
 }
-function L(e, t) {
-	let n = I(e);
+function R(e, t) {
+	let n = L(e);
 	e.style.anchorName = n.filter((e) => e !== t).join(",");
 }
-function R(e, t) {
-	e.style.anchorName = Array.from(new Set([...I(e), t])).join(",");
+function z(e, t) {
+	e.style.anchorName = Array.from(new Set([...L(e), t])).join(",");
 }
 //#endregion
-export { v as KeynavCode, R as appendAnchorName, o as appendRootNodeStyle, A as applySlotContentStates, l as clickOutsideElementBounds, P as createGhostElement, p as define, f as defineElement, T as endOfScrollBox, r as generateId, I as getAnchorNames, i as getAttributeChanges, a as getAttributeListChanges, n as getChildren, j as getDisplayValue, c as getElementUpdate, g as getFlattenedDOMTree, h as getFlattenedFocusableItems, D as getThemeTokens, w as hasHorizontalScrollBar, b as hasInvalidDOMGrid, C as hasScrollBar, m as isContextMenuClick, N as matchesElementName, E as openEyeDropper, u as parseTokenNumber, L as removeAnchorName, O as removeEmptySlotWhitespace, x as removeEmptyTextNode, F as sameRenderRoot, S as scrollBarWidth, k as slotContainsOnlyWhitespace, s as styleSheetToString, d as supportsScopedRegistry, M as tagSelector, _ as validKeyNavigationCode };
+export { y as KeynavCode, z as appendAnchorName, o as appendRootNodeStyle, j as applySlotContentStates, u as clickOutsideElementBounds, F as createGhostElement, m as define, p as defineElement, E as endOfScrollBox, r as generateId, L as getAnchorNames, i as getAttributeChanges, a as getAttributeListChanges, n as getChildren, M as getDisplayValue, l as getElementUpdate, _ as getFlattenedDOMTree, g as getFlattenedFocusableItems, c as getPropertyChanges, O as getThemeTokens, T as hasHorizontalScrollBar, x as hasInvalidDOMGrid, w as hasScrollBar, h as isContextMenuClick, P as matchesElementName, D as openEyeDropper, d as parseTokenNumber, R as removeAnchorName, k as removeEmptySlotWhitespace, S as removeEmptyTextNode, I as sameRenderRoot, C as scrollBarWidth, A as slotContainsOnlyWhitespace, s as styleSheetToString, f as supportsScopedRegistry, N as tagSelector, v as validKeyNavigationCode };
 
 //# sourceMappingURL=dom.js.map