@nvidia-elements/core 2.23.4 → 2.23.6

package/dist/dropzone/dropzone2.js

@@ -1,14 +1,14 @@
 import { formatFileSize as e } from "../internal/utils/strings.js";
 import { removeEmptyTextNode as t } from "../internal/utils/dom.js";
-import { scopedRegistry as n } from "../internal/decorators/scoped-registry.js";
-import { useStyles as r } from "../internal/styles/index.js";
-import i from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Icon as a } from "../icon/icon2.js";
-import o from "./dropzone.js";
-import { fileSizeValidator as s, fileTypeValidator as c, getFileTypeSpecifiers as l } from "./dropzone.util.js";
-import { LitElement as u, html as d } from "lit";
-import { property as f } from "lit/decorators/property.js";
-import { I18nController as p } from "@nvidia-elements/foundations/internal/i18n";
+import n from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { Icon as r } from "../icon/icon2.js";
+import i from "./dropzone.js";
+import { fileSizeValidator as a, fileTypeValidator as o, getFileTypeSpecifiers as s } from "./dropzone.util.js";
+import { LitElement as c, html as l } from "lit";
+import { property as u } from "lit/decorators/property.js";
+import { I18nController as d } from "@nvidia-elements/foundations/internal/i18n";
+import { scopedRegistry as f } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as p } from "@nvidia-elements/foundations/internal/styles";
 import { FormControlMixin as m } from "@nvidia-elements/forms/mixins";
 import { query as h } from "lit/decorators/query.js";
 // src/dropzone/dropzone.ts
@@ -18,16 +18,16 @@ var g = {
 	dragAndDrop: "drag & drop",
 	browseFiles: "browse files",
 	maxFileSize: "max file size"
-}, _ = class extends m(u) {
+}, _ = class extends m(c) {
 	#e;
 	static {
-		this.styles = r([o]);
+		this.styles = p([i]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-dropzone",
-			version: "2.23.4",
-			validators: [c, s],
+			version: "2.23.6",
+			validators: [o, a],
 			valueSchema: {
 				type: "array",
 				items: {
@@ -42,13 +42,13 @@ var g = {
 		};
 	}
 	static {
-		this.elementDefinitions = { [a.metadata.tag]: a };
+		this.elementDefinitions = { [r.metadata.tag]: r };
 	}
 	formResetCallback() {
 		this.value = [], this.requestUpdate();
 	}
 	constructor() {
-		super(), this.accept = "image/gif, image/jpeg, image/png, image/svg+xml", this.maxFileSize = 2 * 1024 ** 2, this.#e = new p(this, g), this.i18n = this.#e.i18n, this.value = [];
+		super(), this.accept = "image/gif, image/jpeg, image/png, image/svg+xml", this.maxFileSize = 2 * 1024 ** 2, this.#e = new d(this, g), this.i18n = this.#e.i18n, this.value = [];
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.setAttribute("nve-control", ""), globalThis.document.addEventListener("dragover", this.#t), globalThis.document.addEventListener("drop", this.#t);
@@ -85,7 +85,7 @@ var g = {
 		this.value = [...this.value ?? [], ...e], this.dispatchChangeEvent();
 	}
 	#l(e) {
-		let t = l(e);
+		let t = s(e);
 		if (t.length === 1) return t[0].toUpperCase();
 		let n = t.pop();
 		return `${t.join(", ").toUpperCase()} or ${n.toUpperCase()}`;
@@ -97,13 +97,13 @@ var g = {
 		e.target.assignedNodes().forEach((e) => t(e));
 	}
 	render() {
-		return d`<div internal-host><div class="container" @click="${this.#n}" @dragenter="${this.#r}" @dragover="${this.#i}" @dragleave="${this.#a}" @drop="${this.#o}"><svg class="dropzone-border" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="none" rx="4" ry="4" stroke="currentColor" stroke-width="2" stroke-dasharray="6,6" stroke-dashoffset="0" stroke-linecap="square"/></svg><slot name="icon"><nve-icon part="icon" class="icon" name="upload"></nve-icon></slot><slot @slotchange="${this.#d}"><div class="dropzone-text-center"><div class="dropzone-text-bold">${this.i18n.dragAndDrop} ${this.i18n.files} ${this.i18n.or} <span class="text-emphasized">${this.i18n.browseFiles}</span></div><div class="text-muted">${this.#l(this.accept)} — ${this.i18n.maxFileSize} ${e(this.maxFileSize)}</div></div></slot><input id="dropzone-input" type="file" accept="${this.accept}" @change="${this.#s}" multiple="multiple" hidden></div></div>`;
+		return l`<div internal-host><div class="container" @click="${this.#n}" @dragenter="${this.#r}" @dragover="${this.#i}" @dragleave="${this.#a}" @drop="${this.#o}"><svg class="dropzone-border" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="none" rx="4" ry="4" stroke="currentColor" stroke-width="2" stroke-dasharray="6,6" stroke-dashoffset="0" stroke-linecap="square"/></svg><slot name="icon"><nve-icon part="icon" class="icon" name="upload"></nve-icon></slot><slot @slotchange="${this.#d}"><div class="dropzone-text-center"><div class="dropzone-text-bold">${this.i18n.dragAndDrop} ${this.i18n.files} ${this.i18n.or} <span class="text-emphasized">${this.i18n.browseFiles}</span></div><div class="text-muted">${this.#l(this.accept)} — ${this.i18n.maxFileSize} ${e(this.maxFileSize)}</div></div></slot><input id="dropzone-input" type="file" accept="${this.accept}" @change="${this.#s}" multiple="multiple" hidden></div></div>`;
 	}
 };
-i([f()], _.prototype, "accept", void 0), i([f({
+n([u()], _.prototype, "accept", void 0), n([u({
 	attribute: "max-file-size",
 	type: Number
-})], _.prototype, "maxFileSize", void 0), i([f({ type: Object })], _.prototype, "i18n", void 0), i([h("#dropzone-input")], _.prototype, "fileInput", void 0), _ = i([n()], _);
+})], _.prototype, "maxFileSize", void 0), n([u({ type: Object })], _.prototype, "i18n", void 0), n([h("#dropzone-input")], _.prototype, "fileInput", void 0), _ = n([f()], _);
 export { _ as Dropzone };
 
 //# sourceMappingURL=dropzone2.js.map

package/dist/dropzone/dropzone2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropzone2.js","names":["styles","_decorate","__decorate","dropzone_default","i18nDefaults","Dropzone","FormControlMixin","LitElement","useStyles","fileTypeValidator","fileSizeValidator","Icon","#i18nController","I18nController","#preventDefaults","event","#toggleHighlighted","files","#addFiles","types","getFileTypeSpecifiers","acceptTypes","lastType","highlighted","removeEmptyTextNode","node","#handleClick","#handleDragEnter","#handleDragOver","#handleDragLeave","#handleDrop","#removeEmptyNodes","#formatFileTypeSpecifiers","formatFileSize","#handleFileInputChange","property","query","scopedRegistry"],"sources":["../../src/dropzone/dropzone.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { query } from 'lit/decorators/query.js';\nimport { formatFileSize, useStyles, removeEmptyTextNode, scopedRegistry } from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './dropzone.css?inline';\nimport { FormControlMixin } from '@nvidia-elements/forms/mixins';\nimport { fileTypeValidator, fileSizeValidator, getFileTypeSpecifiers } from './dropzone.util';\n\nconst i18nDefaults = {\n  or: 'or',\n  files: 'files',\n  dragAndDrop: 'drag & drop',\n  browseFiles: 'browse files',\n  maxFileSize: 'max file size'\n} satisfies I18nDefaults;\n\n/* eslint-disable jsdoc/no-types */\n// Explicit JSDoc type because the CEM analyzer loses the inherited generic specialization.\n\n/**\n * @element nve-dropzone\n * @description A dropzone form control that enables users to drag and drop files onto it.\n * @documentation https://nvidia.github.io/elements/docs/elements/dropzone/\n * @since 1.29.0\n * @entrypoint \\@nvidia-elements/core/dropzone\n * @property {File[]} value - Files selected or dropped by the user. Assign files through the JavaScript property; the HTML `value` attribute is not supported.\n * @event change - Dispatched when the value has changed (files located in event.target)\n * @slot - Custom messaging that replaces the default upload instructions.\n * @cssprop --background\n * @cssprop --border-color\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --min-height\n * @cssprop --color\n * @slot icon - Custom icon that replaces the default upload icon.\n * @csspart icon - The upload icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file\n */\n@scopedRegistry()\nexport class Dropzone extends FormControlMixin<typeof LitElement, File[]>(LitElement) {\n  /** Comma-separated file extensions or MIME types accepted by the dropzone. */\n  @property()\n  accept: string = `image/gif, image/jpeg, image/png, image/svg+xml`;\n\n  /** File size limit in bytes. */\n  @property({ attribute: 'max-file-size', type: Number })\n  maxFileSize: number = 2 * 1024 ** 2;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /**\n   * Enables internal string values to update for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  @query('#dropzone-input')\n  private fileInput: HTMLInputElement;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dropzone',\n    version: '0.0.0',\n    validators: [fileTypeValidator, fileSizeValidator],\n    valueSchema: {\n      type: 'array' as const,\n      items: {\n        type: 'object' as const,\n        properties: {\n          name: { type: 'string' as const },\n          size: { type: 'number' as const },\n          type: { type: 'string' as const }\n        }\n      }\n    }\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  /** @protected */\n  formResetCallback() {\n    this.value = [];\n    this.requestUpdate();\n  }\n\n  constructor() {\n    super();\n    this.value = [];\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('nve-control', '');\n    globalThis.document.addEventListener('dragover', this.#preventDefaults);\n    globalThis.document.addEventListener('drop', this.#preventDefaults);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    globalThis.document.removeEventListener('dragover', this.#preventDefaults);\n    globalThis.document.removeEventListener('drop', this.#preventDefaults);\n  }\n\n  #preventDefaults(event: Event) {\n    event.preventDefault();\n    event.stopPropagation();\n  }\n\n  #handleClick() {\n    this.fileInput.click();\n  }\n\n  #handleDragEnter(event: DragEvent) {\n    this.#preventDefaults(event);\n    this.#toggleHighlighted(true);\n  }\n\n  #handleDragOver(event: DragEvent) {\n    this.#preventDefaults(event);\n    this.#toggleHighlighted(true);\n  }\n\n  #handleDragLeave(event: DragEvent) {\n    this.#preventDefaults(event);\n    this.#toggleHighlighted(false);\n  }\n\n  #handleDrop(event: DragEvent) {\n    this.#preventDefaults(event);\n    this.#toggleHighlighted(false);\n\n    const files = Array.from(event.dataTransfer!.files);\n    this.#addFiles(files);\n  }\n\n  #handleFileInputChange(event: Event) {\n    this.#preventDefaults(event);\n\n    const files = Array.from(this.fileInput.files!);\n    this.#addFiles(files);\n\n    this.fileInput.value = '';\n  }\n\n  #addFiles(files: File[]) {\n    this.value = [...(this.value ?? []), ...files];\n    this.dispatchChangeEvent();\n  }\n\n  #formatFileTypeSpecifiers(acceptTypes: string) {\n    const types = getFileTypeSpecifiers(acceptTypes);\n\n    if (types.length === 1) {\n      return types[0]!.toUpperCase();\n    }\n\n    const lastType = types.pop();\n    return `${types.join(', ').toUpperCase()} or ${lastType!.toUpperCase()}`;\n  }\n\n  #toggleHighlighted(highlighted: boolean) {\n    this.toggleAttribute('highlighted', highlighted);\n  }\n\n  #removeEmptyNodes(e: Event) {\n    (e.target as HTMLSlotElement).assignedNodes().forEach((node: Node) => removeEmptyTextNode(node));\n  }\n\n  render() {\n    return html`<div internal-host>\n      <div class=\"container\"\n        @click=${this.#handleClick} \n        @dragenter=${this.#handleDragEnter}\n        @dragover=${this.#handleDragOver}\n        @dragleave=${this.#handleDragLeave}\n        @drop=${this.#handleDrop}>\n        <svg class=\"dropzone-border\" width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\">\n          <rect width=\"100%\" height=\"100%\" fill=\"none\" rx=\"4\" ry=\"4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"6,6\" stroke-dashoffset=\"0\" stroke-linecap=\"square\" />\n        </svg>\n        <slot name=\"icon\"><nve-icon part=\"icon\" class=\"icon\" name=\"upload\"></nve-icon></slot>\n        <slot @slotchange=${this.#removeEmptyNodes}>\n          <div class=\"dropzone-text-center\">\n            <div class=\"dropzone-text-bold\">${this.i18n.dragAndDrop} ${this.i18n.files} ${this.i18n.or} <span class=\"text-emphasized\">${this.i18n.browseFiles}</span></div>\n            <div class=\"text-muted\">${this.#formatFileTypeSpecifiers(this.accept)} &mdash; ${this.i18n.maxFileSize} ${formatFileSize(this.maxFileSize)}</div>\n          </div>\n        </slot>\n        <input id=\"dropzone-input\" type=\"file\" accept=${this.accept} @change=${this.#handleFileInputChange} multiple hidden></input>\n      </div>\n    </div>`;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"dropzone2.js","names":["styles","_decorate","__decorate","dropzone_default","i18nDefaults","Dropzone","FormControlMixin","LitElement","useStyles","fileTypeValidator","fileSizeValidator","Icon","#i18nController","I18nController","#preventDefaults","event","#toggleHighlighted","files","#addFiles","types","getFileTypeSpecifiers","acceptTypes","lastType","highlighted","removeEmptyTextNode","node","#handleClick","#handleDragEnter","#handleDragOver","#handleDragLeave","#handleDrop","#removeEmptyNodes","#formatFileTypeSpecifiers","formatFileSize","#handleFileInputChange","property","query","scopedRegistry"],"sources":["../../src/dropzone/dropzone.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { query } from 'lit/decorators/query.js';\nimport { formatFileSize, removeEmptyTextNode } from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport styles from './dropzone.css?inline';\nimport { FormControlMixin } from '@nvidia-elements/forms/mixins';\nimport { fileTypeValidator, fileSizeValidator, getFileTypeSpecifiers } from './dropzone.util';\n\nconst i18nDefaults = {\n  or: 'or',\n  files: 'files',\n  dragAndDrop: 'drag & drop',\n  browseFiles: 'browse files',\n  maxFileSize: 'max file size'\n} satisfies I18nDefaults;\n\n/* eslint-disable jsdoc/no-types */\n// Explicit JSDoc type because the CEM analyzer loses the inherited generic specialization.\n\n/**\n * @element nve-dropzone\n * @description A dropzone form control that enables users to drag and drop files onto it.\n * @documentation https://nvidia.github.io/elements/docs/elements/dropzone/\n * @since 1.29.0\n * @entrypoint \\@nvidia-elements/core/dropzone\n * @property {File[]} value - Files selected or dropped by the user. Assign files through the JavaScript property; the HTML `value` attribute is not supported.\n * @event change - Dispatched when the value has changed (files located in event.target)\n * @slot - Custom messaging that replaces the default upload instructions.\n * @cssprop --background\n * @cssprop --border-color\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --min-height\n * @cssprop --color\n * @slot icon - Custom icon that replaces the default upload icon.\n * @csspart icon - The upload icon element\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file\n */\n@scopedRegistry()\nexport class Dropzone extends FormControlMixin<typeof LitElement, File[]>(LitElement) {\n  /** Comma-separated file extensions or MIME types accepted by the dropzone. */\n  @property()\n  accept: string = `image/gif, image/jpeg, image/png, image/svg+xml`;\n\n  /** File size limit in bytes. */\n  @property({ attribute: 'max-file-size', type: Number })\n  maxFileSize: number = 2 * 1024 ** 2;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /**\n   * Enables internal string values to update for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  @query('#dropzone-input')\n  private fileInput: HTMLInputElement;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-dropzone',\n    version: '0.0.0',\n    validators: [fileTypeValidator, fileSizeValidator],\n    valueSchema: {\n      type: 'array' as const,\n      items: {\n        type: 'object' as const,\n        properties: {\n          name: { type: 'string' as const },\n          size: { type: 'number' as const },\n          type: { type: 'string' as const }\n        }\n      }\n    }\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  /** @protected */\n  formResetCallback() {\n    this.value = [];\n    this.requestUpdate();\n  }\n\n  constructor() {\n    super();\n    this.value = [];\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('nve-control', '');\n    globalThis.document.addEventListener('dragover', this.#preventDefaults);\n    globalThis.document.addEventListener('drop', this.#preventDefaults);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    globalThis.document.removeEventListener('dragover', this.#preventDefaults);\n    globalThis.document.removeEventListener('drop', this.#preventDefaults);\n  }\n\n  #preventDefaults(event: Event) {\n    event.preventDefault();\n    event.stopPropagation();\n  }\n\n  #handleClick() {\n    this.fileInput.click();\n  }\n\n  #handleDragEnter(event: DragEvent) {\n    this.#preventDefaults(event);\n    this.#toggleHighlighted(true);\n  }\n\n  #handleDragOver(event: DragEvent) {\n    this.#preventDefaults(event);\n    this.#toggleHighlighted(true);\n  }\n\n  #handleDragLeave(event: DragEvent) {\n    this.#preventDefaults(event);\n    this.#toggleHighlighted(false);\n  }\n\n  #handleDrop(event: DragEvent) {\n    this.#preventDefaults(event);\n    this.#toggleHighlighted(false);\n\n    const files = Array.from(event.dataTransfer!.files);\n    this.#addFiles(files);\n  }\n\n  #handleFileInputChange(event: Event) {\n    this.#preventDefaults(event);\n\n    const files = Array.from(this.fileInput.files!);\n    this.#addFiles(files);\n\n    this.fileInput.value = '';\n  }\n\n  #addFiles(files: File[]) {\n    this.value = [...(this.value ?? []), ...files];\n    this.dispatchChangeEvent();\n  }\n\n  #formatFileTypeSpecifiers(acceptTypes: string) {\n    const types = getFileTypeSpecifiers(acceptTypes);\n\n    if (types.length === 1) {\n      return types[0]!.toUpperCase();\n    }\n\n    const lastType = types.pop();\n    return `${types.join(', ').toUpperCase()} or ${lastType!.toUpperCase()}`;\n  }\n\n  #toggleHighlighted(highlighted: boolean) {\n    this.toggleAttribute('highlighted', highlighted);\n  }\n\n  #removeEmptyNodes(e: Event) {\n    (e.target as HTMLSlotElement).assignedNodes().forEach((node: Node) => removeEmptyTextNode(node));\n  }\n\n  render() {\n    return html`<div internal-host>\n      <div class=\"container\"\n        @click=${this.#handleClick} \n        @dragenter=${this.#handleDragEnter}\n        @dragover=${this.#handleDragOver}\n        @dragleave=${this.#handleDragLeave}\n        @drop=${this.#handleDrop}>\n        <svg class=\"dropzone-border\" width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\">\n          <rect width=\"100%\" height=\"100%\" fill=\"none\" rx=\"4\" ry=\"4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"6,6\" stroke-dashoffset=\"0\" stroke-linecap=\"square\" />\n        </svg>\n        <slot name=\"icon\"><nve-icon part=\"icon\" class=\"icon\" name=\"upload\"></nve-icon></slot>\n        <slot @slotchange=${this.#removeEmptyNodes}>\n          <div class=\"dropzone-text-center\">\n            <div class=\"dropzone-text-bold\">${this.i18n.dragAndDrop} ${this.i18n.files} ${this.i18n.or} <span class=\"text-emphasized\">${this.i18n.browseFiles}</span></div>\n            <div class=\"text-muted\">${this.#formatFileTypeSpecifiers(this.accept)} &mdash; ${this.i18n.maxFileSize} ${formatFileSize(this.maxFileSize)}</div>\n          </div>\n        </slot>\n        <input id=\"dropzone-input\" type=\"file\" accept=${this.accept} @change=${this.#handleFileInputChange} multiple hidden></input>\n      </div>\n    </div>`;\n  }\n}\n"],"mappings":"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"}

package/dist/file/file2.js

@@ -1,21 +1,21 @@
 import { appendRootNodeStyle as e } from "../internal/utils/dom.js";
-import { useStyles as t } from "../internal/styles/index.js";
-import { Control as n } from "../forms/control/control2.js";
-import r from "./file.js";
-import i from "./file.global.js";
+import { Control as t } from "../forms/control/control2.js";
+import n from "./file.js";
+import r from "./file.global.js";
+import { useStyles as i } from "@nvidia-elements/foundations/internal/styles";
 // src/file/file.ts
-var a = class extends n {
+var a = class extends t {
 	static {
-		this.styles = t([...n.styles, r]);
+		this.styles = i([...t.styles, n]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-file",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	connectedCallback() {
-		super.connectedCallback(), e(this, i);
+		super.connectedCallback(), e(this, r);
 	}
 };
 export { a as File };

package/dist/file/file2.js.map

@@ -1 +1 @@
-{"version":3,"file":"file2.js","names":["styles","globalStyles","file_default","file_global_default","File","Control","useStyles","appendRootNodeStyle"],"sources":["../../src/file/file.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 { appendRootNodeStyle, useStyles } from '@nvidia-elements/core/internal';\nimport { Control } from '@nvidia-elements/core/forms';\nimport styles from './file.css?inline';\nimport globalStyles from './file.global.css?inline';\n\n/**\n * @element nve-file\n * @description A file picker is a control that enables users to choose a file value.\n * @documentation https://nvidia.github.io/elements/docs/elements/file/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/file\n * @cssprop --background\n * @cssprop --padding\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --font-weight\n * @cssprop --font-size\n * @cssprop --text-decoration\n * @cssprop --cursor\n * @cssprop --gap\n * @cssprop --height\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file\n */\nexport class File extends Control {\n  static styles: CSSResult[] = useStyles([...Control.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-file',\n    version: '0.0.0'\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n  }\n}\n"],"mappings":";;;;;;AA2BA,IAAaI,IAAb,cAA0BC,EAAQ;;EACH,KAAA,SAAAC,EAAU,CAAC,GAAGD,EAAQ,QAAQL,CAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxBO,EAAoB,MAAMN,CAAY;CACxC;AACF"}
+{"version":3,"file":"file2.js","names":["styles","globalStyles","file_default","file_global_default","File","Control","useStyles","appendRootNodeStyle"],"sources":["../../src/file/file.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 { appendRootNodeStyle } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { Control } from '@nvidia-elements/core/forms';\nimport styles from './file.css?inline';\nimport globalStyles from './file.global.css?inline';\n\n/**\n * @element nve-file\n * @description A file picker is a control that enables users to choose a file value.\n * @documentation https://nvidia.github.io/elements/docs/elements/file/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/file\n * @cssprop --background\n * @cssprop --padding\n * @cssprop --border-radius\n * @cssprop --border\n * @cssprop --font-weight\n * @cssprop --font-size\n * @cssprop --text-decoration\n * @cssprop --cursor\n * @cssprop --gap\n * @cssprop --height\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file\n */\nexport class File extends Control {\n  static styles: CSSResult[] = useStyles([...Control.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-file',\n    version: '0.0.0'\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n  }\n}\n"],"mappings":";;;;;;AA4BA,IAAaI,IAAb,cAA0BC,EAAQ;;EACH,KAAA,SAAAC,EAAU,CAAC,GAAGD,EAAQ,QAAQL,CAAM,CAAC;;;EAEvC,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxBO,EAAoB,MAAMN,CAAY;CACxC;AACF"}

package/dist/format-bytes/format-bytes2.js

@@ -1,9 +1,9 @@
 import { typeSSR as e } from "../internal/controllers/type-ssr.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 r from "./format-bytes.js";
-import { LitElement as i, html as a } from "lit";
-import { property as o } from "lit/decorators/property.js";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import n from "./format-bytes.js";
+import { LitElement as r, html as i } from "lit";
+import { property as a } from "lit/decorators/property.js";
+import { useStyles as o } from "@nvidia-elements/foundations/internal/styles";
 // src/format-bytes/format-bytes.ts
 var s = [
 	"b",
@@ -84,17 +84,17 @@ function p(e) {
 function m(e) {
 	return l.some((t) => t === e);
 }
-var h = class extends i {
+var h = class extends r {
 	constructor(...e) {
 		super(...e), this.display = "decimal", this.unitDisplay = "short";
 	}
 	static {
-		this.styles = t([r]);
+		this.styles = o([n]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-format-bytes",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	get #e() {
@@ -155,22 +155,22 @@ var h = class extends i {
 		}
 	}
 	render() {
-		return a`<data internal-host value="${this.#e}">${this.#l}<slot @slotchange="${this.#u}" hidden></slot></data>`;
+		return i`<data internal-host value="${this.#e}">${this.#l}<slot @slotchange="${this.#u}" hidden></slot></data>`;
 	}
 	#u() {
 		this.requestUpdate();
 	}
 };
-n([o({ type: Number })], h.prototype, "value", void 0), n([o({ type: String })], h.prototype, "display", void 0), n([o({ type: String })], h.prototype, "unit", void 0), n([o({
+t([a({ type: Number })], h.prototype, "value", void 0), t([a({ type: String })], h.prototype, "display", void 0), t([a({ type: String })], h.prototype, "unit", void 0), t([a({
 	type: String,
 	attribute: "unit-display"
-})], h.prototype, "unitDisplay", void 0), n([o({ type: String })], h.prototype, "locale", void 0), n([o({
+})], h.prototype, "unitDisplay", void 0), t([a({ type: String })], h.prototype, "locale", void 0), t([a({
 	type: Number,
 	attribute: "minimum-fraction-digits"
-})], h.prototype, "minimumFractionDigits", void 0), n([o({
+})], h.prototype, "minimumFractionDigits", void 0), t([a({
 	type: Number,
 	attribute: "maximum-fraction-digits"
-})], h.prototype, "maximumFractionDigits", void 0), h = n([e()], h);
+})], h.prototype, "maximumFractionDigits", void 0), h = t([e()], h);
 export { h as FormatBytes };
 
 //# sourceMappingURL=format-bytes2.js.map

package/dist/format-bytes/format-bytes2.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-bytes2.js","names":["styles","_decorate","__decorate","format_bytes_default","UNITS","DISPLAYS","UNIT_DISPLAYS","DECIMAL_LABELS","BINARY_LABELS","isDisplay","display","value","isUnit","unit","isUnitDisplay","unitDisplay","FormatBytes","LitElement","_args","useStyles","#rawValue","#resolvedLocale","#parsedValue","rawValue","numericValue","base","absoluteValue","index","labels","convertedValue","#numberFormatOptions","effectiveMaximumFractionDigits","#formattedBytes","#hasValidConfiguration","resolvedUnit","#resolveAutoUnit","unitIndex","roundedValue","#roundNumber","#formatNumber","#formatLabel","#onSlotChange","property","typeSSR"],"sources":["../../src/format-bytes/format-bytes.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { typeSSR, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './format-bytes.css?inline';\n\nexport type FormatBytesDisplay = 'decimal' | 'binary';\nexport type FormatBytesUnit = 'b' | 'kb' | 'mb' | 'gb' | 'tb' | 'pb';\nexport type FormatBytesUnitDisplay = 'short' | 'long';\n\ninterface UnitLabels {\n  short: string;\n  singular: string;\n  plural: string;\n}\n\nconst UNITS: readonly FormatBytesUnit[] = ['b', 'kb', 'mb', 'gb', 'tb', 'pb'];\nconst DISPLAYS: readonly FormatBytesDisplay[] = ['decimal', 'binary'];\nconst UNIT_DISPLAYS: readonly FormatBytesUnitDisplay[] = ['short', 'long'];\n\nconst DECIMAL_LABELS: Record<FormatBytesUnit, UnitLabels> = {\n  b: { short: 'B', singular: 'byte', plural: 'bytes' },\n  kb: { short: 'kB', singular: 'kilobyte', plural: 'kilobytes' },\n  mb: { short: 'MB', singular: 'megabyte', plural: 'megabytes' },\n  gb: { short: 'GB', singular: 'gigabyte', plural: 'gigabytes' },\n  tb: { short: 'TB', singular: 'terabyte', plural: 'terabytes' },\n  pb: { short: 'PB', singular: 'petabyte', plural: 'petabytes' }\n};\n\nconst BINARY_LABELS: Record<FormatBytesUnit, UnitLabels> = {\n  b: { short: 'B', singular: 'byte', plural: 'bytes' },\n  kb: { short: 'KiB', singular: 'kibibyte', plural: 'kibibytes' },\n  mb: { short: 'MiB', singular: 'mebibyte', plural: 'mebibytes' },\n  gb: { short: 'GiB', singular: 'gibibyte', plural: 'gibibytes' },\n  tb: { short: 'TiB', singular: 'tebibyte', plural: 'tebibytes' },\n  pb: { short: 'PiB', singular: 'pebibyte', plural: 'pebibytes' }\n};\n\nfunction isDisplay(value: unknown): value is FormatBytesDisplay {\n  return DISPLAYS.some(display => display === value);\n}\n\nfunction isUnit(value: unknown): value is FormatBytesUnit {\n  return UNITS.some(unit => unit === value);\n}\n\nfunction isUnitDisplay(value: unknown): value is FormatBytesUnitDisplay {\n  return UNIT_DISPLAYS.some(unitDisplay => unitDisplay === value);\n}\n\n/**\n * @element nve-format-bytes\n * @description Formats a byte count as localized, human-readable decimal or binary units.\n * @documentation https://nvidia.github.io/elements/docs/elements/format-bytes/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/format-bytes\n * @slot - Numeric byte count to format (such as 1048576). Serves as fallback before hydration.\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data\n */\n@typeSSR()\nexport class FormatBytes extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-format-bytes',\n    version: '0.0.0'\n  };\n\n  /**\n   * Optional byte count for values supplied by JavaScript or bound data.\n   * By default, the component formats the element's text content, which also serves as the SSR fallback.\n   * When both are present, this property takes precedence.\n   */\n  @property({ type: Number }) value?: number;\n\n  /**\n   * Unit system: 'decimal' uses powers of 1000 and 'binary' uses powers of 1024.\n   */\n  @property({ type: String }) display: FormatBytesDisplay = 'decimal';\n\n  /**\n   * Optional unit magnitude. When omitted, the component selects a unit from the byte count.\n   */\n  @property({ type: String }) unit?: FormatBytesUnit;\n\n  /**\n   * Unit label length: 'short' renders labels such as 'MB'; 'long' renders labels such as 'megabytes'.\n   */\n  @property({ type: String, attribute: 'unit-display' }) unitDisplay: FormatBytesUnitDisplay = 'short';\n\n  /**\n   * Language tag (such as en-US or de-DE) used to format the number.\n   * Defaults to document.documentElement.lang or the runtime default.\n   */\n  @property({ type: String }) locale?: string;\n\n  /**\n   * Pad fraction output to at least this many digits.\n   */\n  @property({ type: Number, attribute: 'minimum-fraction-digits' }) minimumFractionDigits?: number;\n\n  /**\n   * Round fraction output to at most this many digits. Defaults to two effective digits after the decimal point.\n   */\n  @property({ type: Number, attribute: 'maximum-fraction-digits' }) maximumFractionDigits?: number;\n\n  get #rawValue(): string {\n    const value = Number.isNaN(this.value) ? (this.getAttribute('value') ?? this.value) : this.value;\n    return String(value ?? this.textContent?.trim() ?? '');\n  }\n\n  get #resolvedLocale(): string | undefined {\n    return this.locale ?? (globalThis.document?.documentElement?.lang || undefined);\n  }\n\n  get #parsedValue(): number | null {\n    const rawValue = this.#rawValue;\n    if (!rawValue) return null;\n\n    const numericValue = Number(rawValue);\n    if (Number.isFinite(numericValue)) return numericValue;\n\n    return null;\n  }\n\n  #resolveAutoUnit(value: number, display: FormatBytesDisplay): FormatBytesUnit {\n    const base = display === 'binary' ? 1024 : 1000;\n    const absoluteValue = Math.abs(value);\n\n    for (let index = UNITS.length - 1; index > 0; index--) {\n      const unit = UNITS[index];\n      if (unit && absoluteValue >= base ** index) return unit;\n    }\n\n    return 'b';\n  }\n\n  #formatLabel(unit: FormatBytesUnit, convertedValue: number): string {\n    const labels = this.display === 'binary' ? BINARY_LABELS[unit] : DECIMAL_LABELS[unit];\n    if (this.unitDisplay === 'short') return labels.short;\n    return Math.abs(convertedValue) === 1 ? labels.singular : labels.plural;\n  }\n\n  #hasValidConfiguration(): boolean {\n    return isDisplay(this.display) && isUnitDisplay(this.unitDisplay) && (this.unit === undefined || isUnit(this.unit));\n  }\n\n  get #numberFormatOptions(): Intl.NumberFormatOptions {\n    const effectiveMaximumFractionDigits = this.maximumFractionDigits ?? Math.max(this.minimumFractionDigits ?? 0, 2);\n    return {\n      minimumFractionDigits: this.minimumFractionDigits,\n      maximumFractionDigits: effectiveMaximumFractionDigits\n    };\n  }\n\n  #roundNumber(value: number): number {\n    return Number(\n      new Intl.NumberFormat('en-US-u-nu-latn', {\n        ...this.#numberFormatOptions,\n        useGrouping: false\n      }).format(value)\n    );\n  }\n\n  #formatNumber(value: number): string {\n    return new Intl.NumberFormat(this.#resolvedLocale, this.#numberFormatOptions).format(value);\n  }\n\n  get #formattedBytes(): string {\n    const rawValue = this.#rawValue;\n    if (!rawValue) return '';\n\n    const numericValue = this.#parsedValue;\n    if (numericValue === null) return rawValue;\n    if (!this.#hasValidConfiguration()) return rawValue;\n\n    const resolvedUnit = this.unit ?? this.#resolveAutoUnit(numericValue, this.display);\n    const unitIndex = UNITS.indexOf(resolvedUnit);\n    const base = this.display === 'binary' ? 1024 : 1000;\n    const convertedValue = numericValue / base ** unitIndex;\n\n    try {\n      const roundedValue = this.#roundNumber(convertedValue);\n      return `${this.#formatNumber(roundedValue)} ${this.#formatLabel(resolvedUnit, roundedValue)}`;\n    } catch {\n      return rawValue;\n    }\n  }\n\n  render() {\n    return html`<data internal-host value=${this.#rawValue}>${this.#formattedBytes}<slot @slotchange=${this.#onSlotChange} hidden></slot></data>`;\n  }\n\n  #onSlotChange() {\n    this.requestUpdate();\n  }\n}\n"],"mappings":";;;;;;;AAkBA,IAAMI,IAAoC;CAAC;CAAK;CAAM;CAAM;CAAM;CAAM;AAAI,GACtEC,IAA0C,CAAC,WAAW,QAAQ,GAC9DC,IAAmD,CAAC,SAAS,MAAM,GAEnEC,IAAsD;CAC1D,GAAG;EAAE,OAAO;EAAK,UAAU;EAAQ,QAAQ;CAAQ;CACnD,IAAI;EAAE,OAAO;EAAM,UAAU;EAAY,QAAQ;CAAY;CAC7D,IAAI;EAAE,OAAO;EAAM,UAAU;EAAY,QAAQ;CAAY;CAC7D,IAAI;EAAE,OAAO;EAAM,UAAU;EAAY,QAAQ;CAAY;CAC7D,IAAI;EAAE,OAAO;EAAM,UAAU;EAAY,QAAQ;CAAY;CAC7D,IAAI;EAAE,OAAO;EAAM,UAAU;EAAY,QAAQ;CAAY;AAC/D,GAEMC,IAAqD;CACzD,GAAG;EAAE,OAAO;EAAK,UAAU;EAAQ,QAAQ;CAAQ;CACnD,IAAI;EAAE,OAAO;EAAO,UAAU;EAAY,QAAQ;CAAY;CAC9D,IAAI;EAAE,OAAO;EAAO,UAAU;EAAY,QAAQ;CAAY;CAC9D,IAAI;EAAE,OAAO;EAAO,UAAU;EAAY,QAAQ;CAAY;CAC9D,IAAI;EAAE,OAAO;EAAO,UAAU;EAAY,QAAQ;CAAY;CAC9D,IAAI;EAAE,OAAO;EAAO,UAAU;EAAY,QAAQ;CAAY;AAChE;AAEA,SAASC,EAAU,GAA6C;CAC9D,OAAOJ,EAAS,MAAK,MAAWK,MAAYC,CAAK;AACnD;AAEA,SAASC,EAAO,GAA0C;CACxD,OAAOR,EAAM,MAAK,MAAQS,MAASF,CAAK;AAC1C;AAEA,SAASG,EAAc,GAAiD;CACtE,OAAOR,EAAc,MAAK,MAAeS,MAAgBJ,CAAK;AAChE;AAYO,IAAMK,IAAN,cAA0BC,EAAW;;EA4BmD,A,aAVnC,KAAA,UAAA,WAUmC,KAAA,cAAA;;;EA3B7E,KAAA,SAAAE,EAAU,CAACnB,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAwCA,IAAIoB,KAAoB;EACtB,IAAMT,IAAQ,OAAO,MAAM,KAAK,KAAK,IAAK,KAAK,aAAa,OAAO,KAAK,KAAK,QAAS,KAAK;EAC3F,OAAO,OAAOA,KAAS,KAAK,aAAa,KAAK,KAAK,EAAE;CACvD;CAEA,IAAIU,KAAsC;EACxC,OAAO,KAAK,WAAW,WAAW,UAAU,iBAAiB,QAAQ,KAAA;CACvE;CAEA,IAAIC,KAA8B;EAChC,IAAMC,IAAW,KAAKH;EACtB,IAAI,CAACG,GAAU,OAAO;EAEtB,IAAMC,IAAe,OAAOD,CAAQ;EAGpC,OAFI,OAAO,SAASC,CAAY,IAAUA,IAEnC;CACT;CAEA,GAAiB,GAAe,GAA8C;EAC5E,IAAMC,IAAOf,MAAY,WAAW,OAAO,KACrCgB,IAAgB,KAAK,IAAIf,CAAK;EAEpC,KAAK,IAAIgB,IAAQvB,EAAM,SAAS,GAAGuB,IAAQ,GAAG,KAAS;GACrD,IAAMd,IAAOT,EAAMuB;GACnB,IAAId,KAAQa,KAAiBD,KAAQE,GAAO,OAAOd;EACrD;EAEA,OAAO;CACT;CAEA,GAAa,GAAuB,GAAgC;EAClE,IAAMe,IAAS,KAAK,YAAY,WAAWpB,EAAcK,KAAQN,EAAeM;EAEhF,OADI,KAAK,gBAAgB,UAAgBe,EAAO,QACzC,KAAK,IAAIC,CAAc,MAAM,IAAID,EAAO,WAAWA,EAAO;CACnE;CAEA,KAAkC;EAChC,OAAOnB,EAAU,KAAK,OAAO,KAAKK,EAAc,KAAK,WAAW,MAAM,KAAK,SAAS,KAAA,KAAaF,EAAO,KAAK,IAAI;CACnH;CAEA,IAAIkB,KAAiD;EACnD,IAAMC,IAAiC,KAAK,yBAAyB,KAAK,IAAI,KAAK,yBAAyB,GAAG,CAAC;EAChH,OAAO;GACL,uBAAuB,KAAK;GAC5B,uBAAuBA;EACzB;CACF;CAEA,GAAa,GAAuB;EAClC,OAAO,OACL,IAAI,KAAK,aAAa,mBAAmB;GACvC,GAAG,KAAKD;GACR,aAAa;EACf,CAAC,CAAC,CAAC,OAAOnB,CAAK,CACjB;CACF;CAEA,GAAc,GAAuB;EACnC,OAAO,IAAI,KAAK,aAAa,KAAKU,IAAiB,KAAKS,EAAoB,CAAC,CAAC,OAAOnB,CAAK;CAC5F;CAEA,IAAIqB,KAA0B;EAC5B,IAAMT,IAAW,KAAKH;EACtB,IAAI,CAACG,GAAU,OAAO;EAEtB,IAAMC,IAAe,KAAKF;EAE1B,IADIE,MAAiB,QACjB,CAAC,KAAKS,GAAuB,GAAG,OAAOV;EAE3C,IAAMW,IAAe,KAAK,QAAQ,KAAKC,GAAiBX,GAAc,KAAK,OAAO,GAC5EY,IAAYhC,EAAM,QAAQ8B,CAAY,GAEtCL,IAAiBL,KADV,KAAK,YAAY,WAAW,OAAO,QACFY;EAE9C,IAAI;GACF,IAAMC,IAAe,KAAKC,GAAaT,CAAc;GACrD,OAAO,GAAG,KAAKU,GAAcF,CAAY,EAAE,GAAG,KAAKG,GAAaN,GAAcG,CAAY;EAC5F,QAAQ;GACN,OAAOd;EACT;CACF;CAEA,SAAS;EACP,OAAO,CAAI,8BAA6B,KAAKH,GAAU,IAAG,KAAKY,GAAgB,qBAAoB,KAAKS,GAAc;CACxH;CAEA,KAAgB;EACd,KAAK,cAAc;CACrB;AACF;AA3HGxC,EAAA,CAAAyC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA1B,EAAA,WAAA,SAAA,KAAA,CAAA,GAKzBf,EAAA,CAAAyC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA1B,EAAA,WAAA,WAAA,KAAA,CAAA,GAKzBf,EAAA,CAAAyC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA1B,EAAA,WAAA,QAAA,KAAA,CAAA,GAKzBf,EAAA,CAAAyC,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAe,CAAC,CAAA,GAAA1B,EAAA,WAAA,eAAA,KAAA,CAAA,GAMpDf,EAAA,CAAAyC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA1B,EAAA,WAAA,UAAA,KAAA,CAAA,GAKzBf,EAAA,CAAAyC,EAAS;CAAE,MAAM;CAAQ,WAAW;AAA0B,CAAC,CAAA,GAAA1B,EAAA,WAAA,yBAAA,KAAA,CAAA,GAK/Df,EAAA,CAAAyC,EAAS;CAAE,MAAM;CAAQ,WAAW;AAA0B,CAAC,CAAA,GAAA1B,EAAA,WAAA,yBAAA,KAAA,CAAA,GA7CjE,IAAAf,EAAA,CAAA0C,EAAQ,CAAA,GAAA3B,CAAA"}
+{"version":3,"file":"format-bytes2.js","names":["styles","_decorate","__decorate","format_bytes_default","UNITS","DISPLAYS","UNIT_DISPLAYS","DECIMAL_LABELS","BINARY_LABELS","isDisplay","display","value","isUnit","unit","isUnitDisplay","unitDisplay","FormatBytes","LitElement","_args","useStyles","#rawValue","#resolvedLocale","#parsedValue","rawValue","numericValue","base","absoluteValue","index","labels","convertedValue","#numberFormatOptions","effectiveMaximumFractionDigits","#formattedBytes","#hasValidConfiguration","resolvedUnit","#resolveAutoUnit","unitIndex","roundedValue","#roundNumber","#formatNumber","#formatLabel","#onSlotChange","property","typeSSR"],"sources":["../../src/format-bytes/format-bytes.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { typeSSR } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './format-bytes.css?inline';\n\nexport type FormatBytesDisplay = 'decimal' | 'binary';\nexport type FormatBytesUnit = 'b' | 'kb' | 'mb' | 'gb' | 'tb' | 'pb';\nexport type FormatBytesUnitDisplay = 'short' | 'long';\n\ninterface UnitLabels {\n  short: string;\n  singular: string;\n  plural: string;\n}\n\nconst UNITS: readonly FormatBytesUnit[] = ['b', 'kb', 'mb', 'gb', 'tb', 'pb'];\nconst DISPLAYS: readonly FormatBytesDisplay[] = ['decimal', 'binary'];\nconst UNIT_DISPLAYS: readonly FormatBytesUnitDisplay[] = ['short', 'long'];\n\nconst DECIMAL_LABELS: Record<FormatBytesUnit, UnitLabels> = {\n  b: { short: 'B', singular: 'byte', plural: 'bytes' },\n  kb: { short: 'kB', singular: 'kilobyte', plural: 'kilobytes' },\n  mb: { short: 'MB', singular: 'megabyte', plural: 'megabytes' },\n  gb: { short: 'GB', singular: 'gigabyte', plural: 'gigabytes' },\n  tb: { short: 'TB', singular: 'terabyte', plural: 'terabytes' },\n  pb: { short: 'PB', singular: 'petabyte', plural: 'petabytes' }\n};\n\nconst BINARY_LABELS: Record<FormatBytesUnit, UnitLabels> = {\n  b: { short: 'B', singular: 'byte', plural: 'bytes' },\n  kb: { short: 'KiB', singular: 'kibibyte', plural: 'kibibytes' },\n  mb: { short: 'MiB', singular: 'mebibyte', plural: 'mebibytes' },\n  gb: { short: 'GiB', singular: 'gibibyte', plural: 'gibibytes' },\n  tb: { short: 'TiB', singular: 'tebibyte', plural: 'tebibytes' },\n  pb: { short: 'PiB', singular: 'pebibyte', plural: 'pebibytes' }\n};\n\nfunction isDisplay(value: unknown): value is FormatBytesDisplay {\n  return DISPLAYS.some(display => display === value);\n}\n\nfunction isUnit(value: unknown): value is FormatBytesUnit {\n  return UNITS.some(unit => unit === value);\n}\n\nfunction isUnitDisplay(value: unknown): value is FormatBytesUnitDisplay {\n  return UNIT_DISPLAYS.some(unitDisplay => unitDisplay === value);\n}\n\n/**\n * @element nve-format-bytes\n * @description Formats a byte count as localized, human-readable decimal or binary units.\n * @documentation https://nvidia.github.io/elements/docs/elements/format-bytes/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/format-bytes\n * @slot - Numeric byte count to format (such as 1048576). Serves as fallback before hydration.\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data\n */\n@typeSSR()\nexport class FormatBytes extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-format-bytes',\n    version: '0.0.0'\n  };\n\n  /**\n   * Optional byte count for values supplied by JavaScript or bound data.\n   * By default, the component formats the element's text content, which also serves as the SSR fallback.\n   * When both are present, this property takes precedence.\n   */\n  @property({ type: Number }) value?: number;\n\n  /**\n   * Unit system: 'decimal' uses powers of 1000 and 'binary' uses powers of 1024.\n   */\n  @property({ type: String }) display: FormatBytesDisplay = 'decimal';\n\n  /**\n   * Optional unit magnitude. When omitted, the component selects a unit from the byte count.\n   */\n  @property({ type: String }) unit?: FormatBytesUnit;\n\n  /**\n   * Unit label length: 'short' renders labels such as 'MB'; 'long' renders labels such as 'megabytes'.\n   */\n  @property({ type: String, attribute: 'unit-display' }) unitDisplay: FormatBytesUnitDisplay = 'short';\n\n  /**\n   * Language tag (such as en-US or de-DE) used to format the number.\n   * Defaults to document.documentElement.lang or the runtime default.\n   */\n  @property({ type: String }) locale?: string;\n\n  /**\n   * Pad fraction output to at least this many digits.\n   */\n  @property({ type: Number, attribute: 'minimum-fraction-digits' }) minimumFractionDigits?: number;\n\n  /**\n   * Round fraction output to at most this many digits. Defaults to two effective digits after the decimal point.\n   */\n  @property({ type: Number, attribute: 'maximum-fraction-digits' }) maximumFractionDigits?: number;\n\n  get #rawValue(): string {\n    const value = Number.isNaN(this.value) ? (this.getAttribute('value') ?? this.value) : this.value;\n    return String(value ?? this.textContent?.trim() ?? '');\n  }\n\n  get #resolvedLocale(): string | undefined {\n    return this.locale ?? (globalThis.document?.documentElement?.lang || undefined);\n  }\n\n  get #parsedValue(): number | null {\n    const rawValue = this.#rawValue;\n    if (!rawValue) return null;\n\n    const numericValue = Number(rawValue);\n    if (Number.isFinite(numericValue)) return numericValue;\n\n    return null;\n  }\n\n  #resolveAutoUnit(value: number, display: FormatBytesDisplay): FormatBytesUnit {\n    const base = display === 'binary' ? 1024 : 1000;\n    const absoluteValue = Math.abs(value);\n\n    for (let index = UNITS.length - 1; index > 0; index--) {\n      const unit = UNITS[index];\n      if (unit && absoluteValue >= base ** index) return unit;\n    }\n\n    return 'b';\n  }\n\n  #formatLabel(unit: FormatBytesUnit, convertedValue: number): string {\n    const labels = this.display === 'binary' ? BINARY_LABELS[unit] : DECIMAL_LABELS[unit];\n    if (this.unitDisplay === 'short') return labels.short;\n    return Math.abs(convertedValue) === 1 ? labels.singular : labels.plural;\n  }\n\n  #hasValidConfiguration(): boolean {\n    return isDisplay(this.display) && isUnitDisplay(this.unitDisplay) && (this.unit === undefined || isUnit(this.unit));\n  }\n\n  get #numberFormatOptions(): Intl.NumberFormatOptions {\n    const effectiveMaximumFractionDigits = this.maximumFractionDigits ?? Math.max(this.minimumFractionDigits ?? 0, 2);\n    return {\n      minimumFractionDigits: this.minimumFractionDigits,\n      maximumFractionDigits: effectiveMaximumFractionDigits\n    };\n  }\n\n  #roundNumber(value: number): number {\n    return Number(\n      new Intl.NumberFormat('en-US-u-nu-latn', {\n        ...this.#numberFormatOptions,\n        useGrouping: false\n      }).format(value)\n    );\n  }\n\n  #formatNumber(value: number): string {\n    return new Intl.NumberFormat(this.#resolvedLocale, this.#numberFormatOptions).format(value);\n  }\n\n  get #formattedBytes(): string {\n    const rawValue = this.#rawValue;\n    if (!rawValue) return '';\n\n    const numericValue = this.#parsedValue;\n    if (numericValue === null) return rawValue;\n    if (!this.#hasValidConfiguration()) return rawValue;\n\n    const resolvedUnit = this.unit ?? this.#resolveAutoUnit(numericValue, this.display);\n    const unitIndex = UNITS.indexOf(resolvedUnit);\n    const base = this.display === 'binary' ? 1024 : 1000;\n    const convertedValue = numericValue / base ** unitIndex;\n\n    try {\n      const roundedValue = this.#roundNumber(convertedValue);\n      return `${this.#formatNumber(roundedValue)} ${this.#formatLabel(resolvedUnit, roundedValue)}`;\n    } catch {\n      return rawValue;\n    }\n  }\n\n  render() {\n    return html`<data internal-host value=${this.#rawValue}>${this.#formattedBytes}<slot @slotchange=${this.#onSlotChange} hidden></slot></data>`;\n  }\n\n  #onSlotChange() {\n    this.requestUpdate();\n  }\n}\n"],"mappings":"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"}

package/dist/format-datetime/format-datetime2.js

@@ -1,18 +1,18 @@
 import { typeSSR as e } from "../internal/controllers/type-ssr.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 r from "./format-datetime.js";
-import { LitElement as i, html as a } from "lit";
-import { property as o } from "lit/decorators/property.js";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import n from "./format-datetime.js";
+import { LitElement as r, html as i } from "lit";
+import { property as a } from "lit/decorators/property.js";
+import { useStyles as o } from "@nvidia-elements/foundations/internal/styles";
 // src/format-datetime/format-datetime.ts
-var s = class extends i {
+var s = class extends r {
 	static {
-		this.styles = t([r]);
+		this.styles = o([n]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-format-datetime",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	get #e() {
@@ -51,25 +51,25 @@ var s = class extends i {
 		return isNaN(t.getTime()) ? null : t;
 	}
 	render() {
-		return a`<time internal-host datetime="${this.#e}">${this.#n}<slot @slotchange="${this.#c}" hidden></slot></time>`;
+		return i`<time internal-host datetime="${this.#e}">${this.#n}<slot @slotchange="${this.#c}" hidden></slot></time>`;
 	}
 	#c() {
 		this.requestUpdate();
 	}
 };
-n([o({ type: String })], s.prototype, "date", void 0), n([o({ type: String })], s.prototype, "locale", void 0), n([o({ type: String })], s.prototype, "weekday", void 0), n([o({ type: String })], s.prototype, "year", void 0), n([o({ type: String })], s.prototype, "month", void 0), n([o({ type: String })], s.prototype, "day", void 0), n([o({ type: String })], s.prototype, "hour", void 0), n([o({ type: String })], s.prototype, "minute", void 0), n([o({ type: String })], s.prototype, "second", void 0), n([o({
+t([a({ type: String })], s.prototype, "date", void 0), t([a({ type: String })], s.prototype, "locale", void 0), t([a({ type: String })], s.prototype, "weekday", void 0), t([a({ type: String })], s.prototype, "year", void 0), t([a({ type: String })], s.prototype, "month", void 0), t([a({ type: String })], s.prototype, "day", void 0), t([a({ type: String })], s.prototype, "hour", void 0), t([a({ type: String })], s.prototype, "minute", void 0), t([a({ type: String })], s.prototype, "second", void 0), t([a({
 	type: String,
 	attribute: "date-style"
-})], s.prototype, "dateStyle", void 0), n([o({
+})], s.prototype, "dateStyle", void 0), t([a({
 	type: String,
 	attribute: "time-style"
-})], s.prototype, "timeStyle", void 0), n([o({
+})], s.prototype, "timeStyle", void 0), t([a({
 	type: String,
 	attribute: "time-zone-name"
-})], s.prototype, "timeZoneName", void 0), n([o({
+})], s.prototype, "timeZoneName", void 0), t([a({
 	type: String,
 	attribute: "time-zone"
-})], s.prototype, "timeZone", void 0), s = n([e()], s);
+})], s.prototype, "timeZone", void 0), s = t([e()], s);
 export { s as FormatDatetime };
 
 //# sourceMappingURL=format-datetime2.js.map

package/dist/format-datetime/format-datetime2.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-datetime2.js","names":["styles","_decorate","__decorate","format_datetime_default","FormatDatetime","LitElement","useStyles","#dateValue","#resolvedLocale","#formattedDate","iso","date","#parseDate","#formatOptions","#hasPresetStyle","#presetFormatOptions","#granularFormatOptions","options","#onSlotChange","property","typeSSR"],"sources":["../../src/format-datetime/format-datetime.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { useStyles, typeSSR } from '@nvidia-elements/core/internal';\nimport styles from './format-datetime.css?inline';\n\n/**\n * @element nve-format-datetime\n * @description Formats a date/time value as localized text using the Intl.DateTimeFormat API. Renders inside a semantic time element.\n * Granular options (weekday, year, month, day, hour, minute, second) mirror the Intl.DateTimeFormat API. 'numeric' omits zero-padding, '2-digit' zero-pads.\n * @documentation https://nvidia.github.io/elements/docs/elements/format-datetime/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/format-datetime\n * @slot - Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration.\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time\n */\n@typeSSR()\nexport class FormatDatetime extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-format-datetime',\n    version: '0.0.0'\n  };\n\n  /**\n   * Optional date string for values supplied by JavaScript or bound data.\n   * By default, the component formats the element's text content, which also serves as the SSR fallback.\n   * When both are present, this property takes precedence.\n   */\n  @property({ type: String }) date?: string;\n\n  /**\n   * Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default.\n   */\n  @property({ type: String }) locale?: string;\n\n  /**\n   * Weekday representation: 'long' | 'short' | 'narrow'.\n   */\n  @property({ type: String }) weekday?: 'long' | 'short' | 'narrow';\n\n  /**\n   * Year representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) year?: 'numeric' | '2-digit';\n\n  /**\n   * Month representation: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow'.\n   */\n  @property({ type: String }) month?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';\n\n  /**\n   * Day representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) day?: 'numeric' | '2-digit';\n\n  /**\n   * Hour representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) hour?: 'numeric' | '2-digit';\n\n  /**\n   * Minute representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) minute?: 'numeric' | '2-digit';\n\n  /**\n   * Second representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) second?: 'numeric' | '2-digit';\n\n  /**\n   * Preset date formatting style: 'full' | 'long' | 'medium' | 'short'.\n   * Preset styles take precedence over granular date and time part options.\n   */\n  @property({ type: String, attribute: 'date-style' }) dateStyle?: 'full' | 'long' | 'medium' | 'short';\n\n  /**\n   * Preset time formatting style: 'full' | 'long' | 'medium' | 'short'.\n   * Preset styles take precedence over granular date and time part options.\n   */\n  @property({ type: String, attribute: 'time-style' }) timeStyle?: 'full' | 'long' | 'medium' | 'short';\n\n  /**\n   * Time zone name display: 'long' | 'short'. Use it with granular options only; preset styles ignore it.\n   */\n  @property({ type: String, attribute: 'time-zone-name' }) timeZoneName?: 'long' | 'short';\n\n  /**\n   * IANA time zone identifier (such as 'America/New_York', 'UTC').\n   */\n  @property({ type: String, attribute: 'time-zone' }) timeZone?: string;\n\n  get #dateValue(): string {\n    return this.date ?? this.textContent?.trim() ?? '';\n  }\n\n  get #resolvedLocale(): string | undefined {\n    return this.locale ?? (globalThis.document?.documentElement?.lang || undefined);\n  }\n\n  get #formattedDate(): string {\n    const iso = this.#dateValue;\n    if (!iso) return '';\n\n    const date = this.#parseDate(iso);\n    if (!date) return iso;\n\n    try {\n      return new Intl.DateTimeFormat(this.#resolvedLocale, this.#formatOptions).format(date);\n    } catch {\n      return iso;\n    }\n  }\n\n  get #formatOptions(): Intl.DateTimeFormatOptions {\n    return this.#hasPresetStyle ? this.#presetFormatOptions : this.#granularFormatOptions;\n  }\n\n  get #hasPresetStyle(): boolean {\n    return this.dateStyle !== undefined || this.timeStyle !== undefined;\n  }\n\n  get #presetFormatOptions(): Intl.DateTimeFormatOptions {\n    const options: Intl.DateTimeFormatOptions = {};\n\n    if (this.dateStyle) options.dateStyle = this.dateStyle;\n    if (this.timeStyle) options.timeStyle = this.timeStyle;\n    if (this.timeZone) options.timeZone = this.timeZone;\n\n    return options;\n  }\n\n  get #granularFormatOptions(): Intl.DateTimeFormatOptions {\n    const options: Intl.DateTimeFormatOptions = {};\n\n    if (this.weekday) options.weekday = this.weekday;\n    if (this.year) options.year = this.year;\n    if (this.month) options.month = this.month;\n    if (this.day) options.day = this.day;\n    if (this.hour) options.hour = this.hour;\n    if (this.minute) options.minute = this.minute;\n    if (this.second) options.second = this.second;\n    if (this.timeZoneName) options.timeZoneName = this.timeZoneName;\n    if (this.timeZone) options.timeZone = this.timeZone;\n\n    return options;\n  }\n\n  #parseDate(iso: string): Date | null {\n    const date = new Date(iso);\n    if (!isNaN(date.getTime())) return date;\n\n    return null;\n  }\n\n  render() {\n    return html`<time internal-host datetime=${this.#dateValue}>${this.#formattedDate}<slot @slotchange=${this.#onSlotChange} hidden></slot></time>`;\n  }\n\n  #onSlotChange() {\n    this.requestUpdate();\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"format-datetime2.js","names":["styles","_decorate","__decorate","format_datetime_default","FormatDatetime","LitElement","useStyles","#dateValue","#resolvedLocale","#formattedDate","iso","date","#parseDate","#formatOptions","#hasPresetStyle","#presetFormatOptions","#granularFormatOptions","options","#onSlotChange","property","typeSSR"],"sources":["../../src/format-datetime/format-datetime.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { typeSSR } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './format-datetime.css?inline';\n\n/**\n * @element nve-format-datetime\n * @description Formats a date/time value as localized text using the Intl.DateTimeFormat API. Renders inside a semantic time element.\n * Granular options (weekday, year, month, day, hour, minute, second) mirror the Intl.DateTimeFormat API. 'numeric' omits zero-padding, '2-digit' zero-pads.\n * @documentation https://nvidia.github.io/elements/docs/elements/format-datetime/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/format-datetime\n * @slot - Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration.\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time\n */\n@typeSSR()\nexport class FormatDatetime extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-format-datetime',\n    version: '0.0.0'\n  };\n\n  /**\n   * Optional date string for values supplied by JavaScript or bound data.\n   * By default, the component formats the element's text content, which also serves as the SSR fallback.\n   * When both are present, this property takes precedence.\n   */\n  @property({ type: String }) date?: string;\n\n  /**\n   * Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default.\n   */\n  @property({ type: String }) locale?: string;\n\n  /**\n   * Weekday representation: 'long' | 'short' | 'narrow'.\n   */\n  @property({ type: String }) weekday?: 'long' | 'short' | 'narrow';\n\n  /**\n   * Year representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) year?: 'numeric' | '2-digit';\n\n  /**\n   * Month representation: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow'.\n   */\n  @property({ type: String }) month?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow';\n\n  /**\n   * Day representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) day?: 'numeric' | '2-digit';\n\n  /**\n   * Hour representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) hour?: 'numeric' | '2-digit';\n\n  /**\n   * Minute representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) minute?: 'numeric' | '2-digit';\n\n  /**\n   * Second representation: 'numeric' | '2-digit'.\n   */\n  @property({ type: String }) second?: 'numeric' | '2-digit';\n\n  /**\n   * Preset date formatting style: 'full' | 'long' | 'medium' | 'short'.\n   * Preset styles take precedence over granular date and time part options.\n   */\n  @property({ type: String, attribute: 'date-style' }) dateStyle?: 'full' | 'long' | 'medium' | 'short';\n\n  /**\n   * Preset time formatting style: 'full' | 'long' | 'medium' | 'short'.\n   * Preset styles take precedence over granular date and time part options.\n   */\n  @property({ type: String, attribute: 'time-style' }) timeStyle?: 'full' | 'long' | 'medium' | 'short';\n\n  /**\n   * Time zone name display: 'long' | 'short'. Use it with granular options only; preset styles ignore it.\n   */\n  @property({ type: String, attribute: 'time-zone-name' }) timeZoneName?: 'long' | 'short';\n\n  /**\n   * IANA time zone identifier (such as 'America/New_York', 'UTC').\n   */\n  @property({ type: String, attribute: 'time-zone' }) timeZone?: string;\n\n  get #dateValue(): string {\n    return this.date ?? this.textContent?.trim() ?? '';\n  }\n\n  get #resolvedLocale(): string | undefined {\n    return this.locale ?? (globalThis.document?.documentElement?.lang || undefined);\n  }\n\n  get #formattedDate(): string {\n    const iso = this.#dateValue;\n    if (!iso) return '';\n\n    const date = this.#parseDate(iso);\n    if (!date) return iso;\n\n    try {\n      return new Intl.DateTimeFormat(this.#resolvedLocale, this.#formatOptions).format(date);\n    } catch {\n      return iso;\n    }\n  }\n\n  get #formatOptions(): Intl.DateTimeFormatOptions {\n    return this.#hasPresetStyle ? this.#presetFormatOptions : this.#granularFormatOptions;\n  }\n\n  get #hasPresetStyle(): boolean {\n    return this.dateStyle !== undefined || this.timeStyle !== undefined;\n  }\n\n  get #presetFormatOptions(): Intl.DateTimeFormatOptions {\n    const options: Intl.DateTimeFormatOptions = {};\n\n    if (this.dateStyle) options.dateStyle = this.dateStyle;\n    if (this.timeStyle) options.timeStyle = this.timeStyle;\n    if (this.timeZone) options.timeZone = this.timeZone;\n\n    return options;\n  }\n\n  get #granularFormatOptions(): Intl.DateTimeFormatOptions {\n    const options: Intl.DateTimeFormatOptions = {};\n\n    if (this.weekday) options.weekday = this.weekday;\n    if (this.year) options.year = this.year;\n    if (this.month) options.month = this.month;\n    if (this.day) options.day = this.day;\n    if (this.hour) options.hour = this.hour;\n    if (this.minute) options.minute = this.minute;\n    if (this.second) options.second = this.second;\n    if (this.timeZoneName) options.timeZoneName = this.timeZoneName;\n    if (this.timeZone) options.timeZone = this.timeZone;\n\n    return options;\n  }\n\n  #parseDate(iso: string): Date | null {\n    const date = new Date(iso);\n    if (!isNaN(date.getTime())) return date;\n\n    return null;\n  }\n\n  render() {\n    return html`<time internal-host datetime=${this.#dateValue}>${this.#formattedDate}<slot @slotchange=${this.#onSlotChange} hidden></slot></time>`;\n  }\n\n  #onSlotChange() {\n    this.requestUpdate();\n  }\n}\n"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 import { typeSSR as e } from "../internal/controllers/type-ssr.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 r from "./format-number.js";
-import { LitElement as i, html as a } from "lit";
-import { property as o } from "lit/decorators/property.js";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import n from "./format-number.js";
+import { LitElement as r, html as i } from "lit";
+import { property as a } from "lit/decorators/property.js";
+import { useStyles as o } from "@nvidia-elements/foundations/internal/styles";
 // src/format-number/format-number.ts
 var s = [
 	["currency", "currency"],
@@ -18,17 +18,17 @@ var s = [
 	["minimumFractionDigits", "minimumFractionDigits"],
 	["maximumFractionDigits", "maximumFractionDigits"],
 	["minimumIntegerDigits", "minimumIntegerDigits"]
-], l = class extends i {
+], l = class extends r {
 	constructor(...e) {
 		super(...e), this.formatStyle = "decimal";
 	}
 	static {
-		this.styles = t([r]);
+		this.styles = o([n]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-format-number",
-			version: "2.23.4"
+			version: "2.23.6"
 		};
 	}
 	get #e() {
@@ -67,43 +67,43 @@ var s = [
 		}
 	}
 	render() {
-		return a`<data internal-host value="${this.#e}">${this.#i}<slot @slotchange="${this.#a}" hidden></slot></data>`;
+		return i`<data internal-host value="${this.#e}">${this.#i}<slot @slotchange="${this.#a}" hidden></slot></data>`;
 	}
 	#a() {
 		this.requestUpdate();
 	}
 };
-n([o({ type: String })], l.prototype, "number", void 0), n([o({ type: String })], l.prototype, "locale", void 0), n([o({
+t([a({ type: String })], l.prototype, "number", void 0), t([a({ type: String })], l.prototype, "locale", void 0), t([a({
 	type: String,
 	attribute: "format-style"
-})], l.prototype, "formatStyle", void 0), n([o({ type: String })], l.prototype, "currency", void 0), n([o({
+})], l.prototype, "formatStyle", void 0), t([a({ type: String })], l.prototype, "currency", void 0), t([a({
 	type: String,
 	attribute: "currency-sign"
-})], l.prototype, "currencySign", void 0), n([o({
+})], l.prototype, "currencySign", void 0), t([a({
 	type: String,
 	attribute: "currency-display"
-})], l.prototype, "currencyDisplay", void 0), n([o({ type: String })], l.prototype, "unit", void 0), n([o({
+})], l.prototype, "currencyDisplay", void 0), t([a({ type: String })], l.prototype, "unit", void 0), t([a({
 	type: String,
 	attribute: "unit-display"
-})], l.prototype, "unitDisplay", void 0), n([o({ type: String })], l.prototype, "notation", void 0), n([o({
+})], l.prototype, "unitDisplay", void 0), t([a({ type: String })], l.prototype, "notation", void 0), t([a({
 	type: String,
 	attribute: "compact-display"
-})], l.prototype, "compactDisplay", void 0), n([o({
+})], l.prototype, "compactDisplay", void 0), t([a({
 	type: String,
 	attribute: "sign-display"
-})], l.prototype, "signDisplay", void 0), n([o({
+})], l.prototype, "signDisplay", void 0), t([a({
 	type: String,
 	attribute: "use-grouping"
-})], l.prototype, "useGrouping", void 0), n([o({
+})], l.prototype, "useGrouping", void 0), t([a({
 	type: Number,
 	attribute: "minimum-fraction-digits"
-})], l.prototype, "minimumFractionDigits", void 0), n([o({
+})], l.prototype, "minimumFractionDigits", void 0), t([a({
 	type: Number,
 	attribute: "maximum-fraction-digits"
-})], l.prototype, "maximumFractionDigits", void 0), n([o({
+})], l.prototype, "maximumFractionDigits", void 0), t([a({
 	type: Number,
 	attribute: "minimum-integer-digits"
-})], l.prototype, "minimumIntegerDigits", void 0), l = n([e()], l);
+})], l.prototype, "minimumIntegerDigits", void 0), l = t([e()], l);
 export { l as FormatNumber };
 
 //# sourceMappingURL=format-number2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"format-number2.js","names":["styles","_decorate","__decorate","format_number_default","STRING_KEYS","NUMBER_KEYS","FormatNumber","LitElement","_args","useStyles","#rawValue","#resolvedLocale","#parsedNumber","raw","numericValue","#formatOptions","options","prop","key","value","#formattedNumber","#onSlotChange","property","typeSSR"],"sources":["../../src/format-number/format-number.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { useStyles, typeSSR } from '@nvidia-elements/core/internal';\nimport styles from './format-number.css?inline';\n\nexport type FormatNumberStyle = 'decimal' | 'currency' | 'percent' | 'unit';\nexport type CurrencyDisplayOption = 'symbol' | 'code' | 'name' | 'narrowSymbol';\nexport type CurrencySignOption = 'standard' | 'accounting';\nexport type NotationOption = 'standard' | 'scientific' | 'engineering' | 'compact';\nexport type CompactDisplayOption = 'short' | 'long';\nexport type UnitDisplayOption = 'short' | 'long' | 'narrow';\nexport type SignDisplayOption = 'auto' | 'never' | 'always' | 'exceptZero';\n\nconst STRING_KEYS: [keyof FormatNumber, string][] = [\n  ['currency', 'currency'],\n  ['currencyDisplay', 'currencyDisplay'],\n  ['currencySign', 'currencySign'],\n  ['notation', 'notation'],\n  ['compactDisplay', 'compactDisplay'],\n  ['unit', 'unit'],\n  ['unitDisplay', 'unitDisplay'],\n  ['signDisplay', 'signDisplay']\n];\n\nconst NUMBER_KEYS: [keyof FormatNumber, string][] = [\n  ['minimumFractionDigits', 'minimumFractionDigits'],\n  ['maximumFractionDigits', 'maximumFractionDigits'],\n  ['minimumIntegerDigits', 'minimumIntegerDigits']\n];\n\n/**\n * @element nve-format-number\n * @description A localized number formatter for currencies, percentages, units, and compact notation, backed by Intl.NumberFormat.\n * Provide a `currency` attribute when `formatStyle` is `currency`, and a `unit` attribute when `formatStyle` is `unit`.\n * @documentation https://nvidia.github.io/elements/docs/elements/format-number/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/format-number\n * @slot - Numeric string to format (such as 1234567 or 1234.56). Serves as fallback before hydration.\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data\n */\n@typeSSR()\nexport class FormatNumber extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-format-number',\n    version: '0.0.0'\n  };\n\n  /**\n   * Optional numeric string for values supplied by JavaScript or bound data.\n   * By default, the component formats the element's text content, which also serves as the SSR fallback.\n   * When both are present, this property takes precedence.\n   */\n  @property({ type: String }) number?: string;\n\n  /**\n   * Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default.\n   */\n  @property({ type: String }) locale?: string;\n\n  /**\n   * Formatting style: 'decimal' | 'currency' | 'percent' | 'unit'.\n   */\n  @property({ type: String, attribute: 'format-style' }) formatStyle: FormatNumberStyle = 'decimal';\n\n  /**\n   * ISO 4217 currency code (such as USD or EUR). Required when formatStyle is currency.\n   */\n  @property({ type: String }) currency?: string;\n\n  /**\n   * Currency sign style: 'standard' | 'accounting'.\n   */\n  @property({ type: String, attribute: 'currency-sign' }) currencySign?: CurrencySignOption;\n\n  /**\n   * Currency display style: 'symbol' | 'code' | 'name' | 'narrowSymbol'.\n   */\n  @property({ type: String, attribute: 'currency-display' }) currencyDisplay?: CurrencyDisplayOption;\n\n  /**\n   * Unit identifier (such as kilometer or byte). Required when formatStyle is unit.\n   */\n  @property({ type: String }) unit?: string;\n\n  /**\n   * Unit display style: 'short' | 'long' | 'narrow'.\n   */\n  @property({ type: String, attribute: 'unit-display' }) unitDisplay?: UnitDisplayOption;\n\n  /**\n   * Number notation: 'standard' | 'scientific' | 'engineering' | 'compact'.\n   */\n  @property({ type: String }) notation?: NotationOption;\n\n  /**\n   * Compact notation display: 'short' | 'long'. Only applies when notation is compact.\n   */\n  @property({ type: String, attribute: 'compact-display' }) compactDisplay?: CompactDisplayOption;\n\n  /**\n   * Sign display: 'auto' | 'never' | 'always' | 'exceptZero'.\n   */\n  @property({ type: String, attribute: 'sign-display' }) signDisplay?: SignDisplayOption;\n\n  /**\n   * Grouping separators: 'auto' | 'always' | 'min2' | 'true' | 'false'.\n   */\n  @property({ type: String, attribute: 'use-grouping' })\n  useGrouping?: 'auto' | 'always' | 'min2' | 'true' | 'false' | boolean;\n\n  /**\n   * Pad fraction output to at least this many digits (0-100).\n   */\n  @property({ type: Number, attribute: 'minimum-fraction-digits' }) minimumFractionDigits?: number;\n\n  /**\n   * Round fraction output to at most this many digits (0-100).\n   */\n  @property({ type: Number, attribute: 'maximum-fraction-digits' }) maximumFractionDigits?: number;\n\n  /**\n   * Pad integer output to at least this many digits (1-21).\n   */\n  @property({ type: Number, attribute: 'minimum-integer-digits' }) minimumIntegerDigits?: number;\n\n  get #rawValue(): string {\n    return this.number ?? this.textContent?.trim() ?? '';\n  }\n\n  get #resolvedLocale(): string | undefined {\n    return this.locale ?? (globalThis.document?.documentElement?.lang || undefined);\n  }\n\n  get #parsedNumber(): number | null {\n    const raw = this.#rawValue;\n    if (!raw) return null;\n\n    const numericValue = Number(raw);\n    if (Number.isFinite(numericValue)) return numericValue;\n\n    return null;\n  }\n\n  get #formatOptions(): Intl.NumberFormatOptions {\n    const options: Intl.NumberFormatOptions = { style: this.formatStyle };\n\n    for (const [prop, key] of STRING_KEYS) {\n      const value = this[prop] as string | undefined;\n      if (value !== undefined) (options as Record<string, unknown>)[key] = value;\n    }\n\n    for (const [prop, key] of NUMBER_KEYS) {\n      const value = this[prop] as number | undefined;\n      if (value !== undefined) (options as Record<string, unknown>)[key] = value;\n    }\n\n    if (this.useGrouping !== undefined) {\n      const grouping = this.useGrouping === 'false' ? false : this.useGrouping === 'true' ? true : this.useGrouping;\n      (options as Record<string, unknown>).useGrouping = grouping;\n    }\n\n    return options;\n  }\n\n  get #formattedNumber(): string {\n    const raw = this.#rawValue;\n    if (!raw) return '';\n\n    const numericValue = this.#parsedNumber;\n    if (numericValue === null) return raw;\n\n    try {\n      return new Intl.NumberFormat(this.#resolvedLocale, this.#formatOptions).format(numericValue);\n    } catch {\n      return raw;\n    }\n  }\n\n  render() {\n    return html`<data internal-host value=${this.#rawValue}>${this.#formattedNumber}<slot @slotchange=${this.#onSlotChange} hidden></slot></data>`;\n  }\n\n  #onSlotChange() {\n    this.requestUpdate();\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"format-number2.js","names":["styles","_decorate","__decorate","format_number_default","STRING_KEYS","NUMBER_KEYS","FormatNumber","LitElement","_args","useStyles","#rawValue","#resolvedLocale","#parsedNumber","raw","numericValue","#formatOptions","options","prop","key","value","#formattedNumber","#onSlotChange","property","typeSSR"],"sources":["../../src/format-number/format-number.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { typeSSR } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './format-number.css?inline';\n\nexport type FormatNumberStyle = 'decimal' | 'currency' | 'percent' | 'unit';\nexport type CurrencyDisplayOption = 'symbol' | 'code' | 'name' | 'narrowSymbol';\nexport type CurrencySignOption = 'standard' | 'accounting';\nexport type NotationOption = 'standard' | 'scientific' | 'engineering' | 'compact';\nexport type CompactDisplayOption = 'short' | 'long';\nexport type UnitDisplayOption = 'short' | 'long' | 'narrow';\nexport type SignDisplayOption = 'auto' | 'never' | 'always' | 'exceptZero';\n\nconst STRING_KEYS: [keyof FormatNumber, string][] = [\n  ['currency', 'currency'],\n  ['currencyDisplay', 'currencyDisplay'],\n  ['currencySign', 'currencySign'],\n  ['notation', 'notation'],\n  ['compactDisplay', 'compactDisplay'],\n  ['unit', 'unit'],\n  ['unitDisplay', 'unitDisplay'],\n  ['signDisplay', 'signDisplay']\n];\n\nconst NUMBER_KEYS: [keyof FormatNumber, string][] = [\n  ['minimumFractionDigits', 'minimumFractionDigits'],\n  ['maximumFractionDigits', 'maximumFractionDigits'],\n  ['minimumIntegerDigits', 'minimumIntegerDigits']\n];\n\n/**\n * @element nve-format-number\n * @description A localized number formatter for currencies, percentages, units, and compact notation, backed by Intl.NumberFormat.\n * Provide a `currency` attribute when `formatStyle` is `currency`, and a `unit` attribute when `formatStyle` is `unit`.\n * @documentation https://nvidia.github.io/elements/docs/elements/format-number/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/format-number\n * @slot - Numeric string to format (such as 1234567 or 1234.56). Serves as fallback before hydration.\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data\n */\n@typeSSR()\nexport class FormatNumber extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-format-number',\n    version: '0.0.0'\n  };\n\n  /**\n   * Optional numeric string for values supplied by JavaScript or bound data.\n   * By default, the component formats the element's text content, which also serves as the SSR fallback.\n   * When both are present, this property takes precedence.\n   */\n  @property({ type: String }) number?: string;\n\n  /**\n   * Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default.\n   */\n  @property({ type: String }) locale?: string;\n\n  /**\n   * Formatting style: 'decimal' | 'currency' | 'percent' | 'unit'.\n   */\n  @property({ type: String, attribute: 'format-style' }) formatStyle: FormatNumberStyle = 'decimal';\n\n  /**\n   * ISO 4217 currency code (such as USD or EUR). Required when formatStyle is currency.\n   */\n  @property({ type: String }) currency?: string;\n\n  /**\n   * Currency sign style: 'standard' | 'accounting'.\n   */\n  @property({ type: String, attribute: 'currency-sign' }) currencySign?: CurrencySignOption;\n\n  /**\n   * Currency display style: 'symbol' | 'code' | 'name' | 'narrowSymbol'.\n   */\n  @property({ type: String, attribute: 'currency-display' }) currencyDisplay?: CurrencyDisplayOption;\n\n  /**\n   * Unit identifier (such as kilometer or byte). Required when formatStyle is unit.\n   */\n  @property({ type: String }) unit?: string;\n\n  /**\n   * Unit display style: 'short' | 'long' | 'narrow'.\n   */\n  @property({ type: String, attribute: 'unit-display' }) unitDisplay?: UnitDisplayOption;\n\n  /**\n   * Number notation: 'standard' | 'scientific' | 'engineering' | 'compact'.\n   */\n  @property({ type: String }) notation?: NotationOption;\n\n  /**\n   * Compact notation display: 'short' | 'long'. Only applies when notation is compact.\n   */\n  @property({ type: String, attribute: 'compact-display' }) compactDisplay?: CompactDisplayOption;\n\n  /**\n   * Sign display: 'auto' | 'never' | 'always' | 'exceptZero'.\n   */\n  @property({ type: String, attribute: 'sign-display' }) signDisplay?: SignDisplayOption;\n\n  /**\n   * Grouping separators: 'auto' | 'always' | 'min2' | 'true' | 'false'.\n   */\n  @property({ type: String, attribute: 'use-grouping' })\n  useGrouping?: 'auto' | 'always' | 'min2' | 'true' | 'false' | boolean;\n\n  /**\n   * Pad fraction output to at least this many digits (0-100).\n   */\n  @property({ type: Number, attribute: 'minimum-fraction-digits' }) minimumFractionDigits?: number;\n\n  /**\n   * Round fraction output to at most this many digits (0-100).\n   */\n  @property({ type: Number, attribute: 'maximum-fraction-digits' }) maximumFractionDigits?: number;\n\n  /**\n   * Pad integer output to at least this many digits (1-21).\n   */\n  @property({ type: Number, attribute: 'minimum-integer-digits' }) minimumIntegerDigits?: number;\n\n  get #rawValue(): string {\n    return this.number ?? this.textContent?.trim() ?? '';\n  }\n\n  get #resolvedLocale(): string | undefined {\n    return this.locale ?? (globalThis.document?.documentElement?.lang || undefined);\n  }\n\n  get #parsedNumber(): number | null {\n    const raw = this.#rawValue;\n    if (!raw) return null;\n\n    const numericValue = Number(raw);\n    if (Number.isFinite(numericValue)) return numericValue;\n\n    return null;\n  }\n\n  get #formatOptions(): Intl.NumberFormatOptions {\n    const options: Intl.NumberFormatOptions = { style: this.formatStyle };\n\n    for (const [prop, key] of STRING_KEYS) {\n      const value = this[prop] as string | undefined;\n      if (value !== undefined) (options as Record<string, unknown>)[key] = value;\n    }\n\n    for (const [prop, key] of NUMBER_KEYS) {\n      const value = this[prop] as number | undefined;\n      if (value !== undefined) (options as Record<string, unknown>)[key] = value;\n    }\n\n    if (this.useGrouping !== undefined) {\n      const grouping = this.useGrouping === 'false' ? false : this.useGrouping === 'true' ? true : this.useGrouping;\n      (options as Record<string, unknown>).useGrouping = grouping;\n    }\n\n    return options;\n  }\n\n  get #formattedNumber(): string {\n    const raw = this.#rawValue;\n    if (!raw) return '';\n\n    const numericValue = this.#parsedNumber;\n    if (numericValue === null) return raw;\n\n    try {\n      return new Intl.NumberFormat(this.#resolvedLocale, this.#formatOptions).format(numericValue);\n    } catch {\n      return raw;\n    }\n  }\n\n  render() {\n    return html`<data internal-host value=${this.#rawValue}>${this.#formattedNumber}<slot @slotchange=${this.#onSlotChange} hidden></slot></data>`;\n  }\n\n  #onSlotChange() {\n    this.requestUpdate();\n  }\n}\n"],"mappings":"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"}