@nvidia-elements/core 2.23.3 → 2.23.5

package/dist/dropdown-group/dropdown-group.js

@@ -1,30 +1,30 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { getActiveElement as t } from "../internal/utils/focus.js";
 import { appendRootNodeStyle as n, clickOutsideElementBounds as r, getFlattenedFocusableItems as i } from "../internal/utils/dom.js";
-import { useStyles as a } from "../internal/styles/index.js";
-import o from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import s from "./dropdown-group.global.js";
-import { LitElement as c, html as l } from "lit";
+import a from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import o from "./dropdown-group.global.js";
+import { LitElement as s, html as c } from "lit";
+import { useStyles as l } from "@nvidia-elements/foundations/internal/styles";
 import { queryAssignedElements as u } from "lit/decorators/query-assigned-elements.js";
 // src/dropdown-group/dropdown-group.ts
-var d = class extends c {
+var d = class extends s {
 	static {
-		this.styles = a([]);
+		this.styles = l([]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-group",
-			version: "2.23.3",
+			version: "2.23.5",
 			children: ["nve-dropdown"]
 		};
 	}
 	render() {
-		return l`<div internal-host><slot @slotchange="${this.#n}"></slot></div>`;
+		return c`<div internal-host><slot @slotchange="${this.#n}"></slot></div>`;
 	}
 	#e = /* @__PURE__ */ new WeakMap();
 	#t;
 	connectedCallback() {
-		super.connectedCallback(), n(this, s), globalThis.document?.addEventListener("pointerup", this.#r), this.addEventListener("keydown", this.#i), this.addEventListener("beforetoggle", this.#u, !0), this.addEventListener("open", this.#l), this.addEventListener("close", this.#d);
+		super.connectedCallback(), n(this, o), globalThis.document?.addEventListener("pointerup", this.#r), this.addEventListener("keydown", this.#i), this.addEventListener("beforetoggle", this.#u, !0), this.addEventListener("open", this.#l), this.addEventListener("close", this.#d);
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), globalThis.document?.removeEventListener("pointerup", this.#r), this.removeEventListener("keydown", this.#i), this.removeEventListener("beforetoggle", this.#u, !0), this.removeEventListener("open", this.#l), this.removeEventListener("close", this.#d);
@@ -87,7 +87,7 @@ var d = class extends c {
 		(!n || n === this.ownerDocument.body || t.some((e) => e.matches(":focus-within"))) && e?.isConnected && e.focus();
 	}
 };
-o([u({ selector: "nve-dropdown" })], d.prototype, "dropdowns", void 0), d = o([e()], d);
+a([u({ selector: "nve-dropdown" })], d.prototype, "dropdowns", void 0), d = a([e()], d);
 export { d as DropdownGroup };
 
 //# sourceMappingURL=dropdown-group.js.map

package/dist/dropdown-group/dropdown-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-group.js","names":["globalStyles","_decorate","__decorate","dropdown_group_global_default","DropdownGroup","LitElement","useStyles","#syncDropdowns","appendRootNodeStyle","#pointerup","#keydown","#onBeforeToggle","#onOpen","#onClose","dropdowns","dropdown","clickOutsideElementBounds","event","isNavigationKey","path","boundary","#findDropdownBoundary","#findOwnedDropdown","#navigate","node","target","getActiveElement","rtl","openKey","closeKey","#openSubmenu","trigger","submenu","#rootDropdown","#openingTriggers","getFlattenedFocusableItems","activeElement","item","queryAssignedElements","audit"],"sources":["../../src/dropdown-group/dropdown-group.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 { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport {\n  clickOutsideElementBounds,\n  appendRootNodeStyle,\n  getFlattenedFocusableItems,\n  getActiveElement,\n  useStyles,\n  audit\n} from '@nvidia-elements/core/internal';\nimport type { Dropdown } from '@nvidia-elements/core/dropdown';\nimport globalStyles from './dropdown-group.global.css?inline';\n\n/**\n * @element nve-dropdown-group\n * @description A dropdown group coordinates linked dropdowns and cascading submenus.\n * @documentation https://nvidia.github.io/elements/docs/elements/dropdown-group/\n * @since 1.30.1\n * @entrypoint \\@nvidia-elements/core/dropdown-group\n * @slot - default slot for dropdown content\n * @event open - Dispatched when a dropdown in the group opens\n * @event close - Dispatched when a dropdown in the group closes\n * @cssprop --arrow-transform - Transform applied to the popover arrow\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/\n */\n@audit()\nexport class DropdownGroup extends LitElement {\n  static styles = useStyles([]);\n\n  static readonly metadata = {\n    tag: 'nve-dropdown-group',\n    version: '0.0.0',\n    children: ['nve-dropdown']\n  };\n\n  @queryAssignedElements({ selector: 'nve-dropdown' }) protected dropdowns!: Dropdown[];\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${this.#syncDropdowns}></slot>\n      </div>\n    `;\n  }\n\n  #openingTriggers = new WeakMap<Dropdown, HTMLElement>();\n  #rootDropdown?: Dropdown;\n\n  connectedCallback() {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n    globalThis.document?.addEventListener('pointerup', this.#pointerup);\n    this.addEventListener('keydown', this.#keydown);\n    this.addEventListener('beforetoggle', this.#onBeforeToggle, true);\n    this.addEventListener('open', this.#onOpen as EventListener);\n    this.addEventListener('close', this.#onClose as EventListener);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    globalThis.document?.removeEventListener('pointerup', this.#pointerup);\n    this.removeEventListener('keydown', this.#keydown);\n    this.removeEventListener('beforetoggle', this.#onBeforeToggle, true);\n    this.removeEventListener('open', this.#onOpen as EventListener);\n    this.removeEventListener('close', this.#onClose as EventListener);\n  }\n\n  #syncDropdowns() {\n    this.dropdowns.forEach(dropdown => {\n      dropdown.popoverType = 'manual';\n    });\n  }\n\n  #pointerup = (event: PointerEvent) => {\n    const dropdowns = this.dropdowns.filter(dropdown => dropdown.matches(':popover-open'));\n    if (dropdowns.length && dropdowns.every(dropdown => clickOutsideElementBounds(event, dropdown))) {\n      this.close();\n    }\n  };\n\n  #keydown(event: KeyboardEvent) {\n    const isNavigationKey = event.code === 'Escape' || event.code === 'ArrowLeft' || event.code === 'ArrowRight';\n    if (event.defaultPrevented || !isNavigationKey) return;\n    const path = event.composedPath();\n    const boundary = this.#findDropdownBoundary(path);\n    const dropdown = this.#findOwnedDropdown(boundary);\n    if (!dropdown && boundary !== this) return;\n\n    if (event.code === 'Escape') {\n      event.preventDefault();\n      event.stopPropagation();\n      this.close();\n      return;\n    }\n    if (dropdown) this.#navigate(event, path, dropdown);\n  }\n\n  #findDropdownBoundary(path: EventTarget[]) {\n    return path.find(\n      node =>\n        node instanceof HTMLElement && (node.localName === 'nve-dropdown' || node.localName === 'nve-dropdown-group')\n    );\n  }\n\n  #navigate(event: KeyboardEvent, path: EventTarget[], dropdown: Dropdown) {\n    const target = getActiveElement(this.ownerDocument);\n    if (!(target instanceof HTMLElement) || !path.includes(target)) return;\n    const rtl = getComputedStyle(this).direction === 'rtl';\n    const openKey = rtl ? 'ArrowLeft' : 'ArrowRight';\n    const closeKey = rtl ? 'ArrowRight' : 'ArrowLeft';\n\n    if (event.code === openKey) {\n      this.#openSubmenu(target, event);\n      return;\n    }\n\n    if (event.code === closeKey && target.localName === 'nve-menu-item') {\n      event.preventDefault();\n      event.stopPropagation();\n      dropdown.hidePopover();\n    }\n  }\n\n  #openSubmenu(trigger: HTMLElement, event: KeyboardEvent) {\n    if (trigger.matches('[disabled]') || !('popoverTargetElement' in trigger)) return;\n    const target = trigger.popoverTargetElement;\n    const submenu = this.#findOwnedDropdown(target);\n    if (!submenu) return;\n    event.preventDefault();\n    event.stopPropagation();\n    submenu.showPopover({ source: trigger });\n  }\n\n  #findOwnedDropdown(target: unknown): Dropdown | undefined {\n    return this.dropdowns.find(dropdown => dropdown === target);\n  }\n\n  #onOpen(event: CustomEvent<{ trigger?: HTMLElement }>) {\n    const dropdown = this.#findOwnedDropdown(event.composedPath()[0]);\n    if (dropdown) {\n      if (!this.#rootDropdown?.matches(':popover-open')) {\n        this.#rootDropdown = dropdown;\n      }\n      this.#openingTriggers.delete(dropdown);\n      if (event.detail?.trigger instanceof HTMLElement) {\n        this.#openingTriggers.set(dropdown, event.detail.trigger);\n      }\n      getFlattenedFocusableItems(dropdown)[0]?.focus();\n    }\n  }\n\n  #onBeforeToggle(event: ToggleEvent) {\n    const dropdown = this.#findOwnedDropdown(event.composedPath()[0]);\n    if (dropdown && event.newState === 'closed' && !dropdown.matches(':focus-within')) {\n      this.#openingTriggers.delete(dropdown);\n    }\n  }\n\n  #onClose(event: CustomEvent) {\n    const dropdown = this.#findOwnedDropdown(event.composedPath()[0]);\n    if (dropdown) {\n      const trigger = this.#openingTriggers.get(dropdown);\n      if (dropdown === this.#rootDropdown) {\n        this.#rootDropdown = undefined;\n      }\n      this.#openingTriggers.delete(dropdown);\n      const activeElement = this.ownerDocument.activeElement;\n      const focusLost = !activeElement || activeElement === this.ownerDocument.body;\n      const restoreFocus = focusLost || dropdown.matches(':focus-within');\n      if (restoreFocus && trigger?.isConnected) {\n        trigger.focus();\n      }\n    }\n  }\n\n  /** Closes every descendant dropdown in the group. */\n  close() {\n    const trigger = this.#rootDropdown ? this.#openingTriggers.get(this.#rootDropdown) : undefined;\n    this.#rootDropdown = undefined;\n    this.#openingTriggers = new WeakMap();\n    const dropdowns = Array.from(this.querySelectorAll('nve-dropdown'));\n    dropdowns.forEach(dropdown => dropdown.hidePopover());\n    const activeElement = this.ownerDocument.activeElement;\n    const focusLost = !activeElement || activeElement === this.ownerDocument.body;\n    const restoreFocus = focusLost || dropdowns.some(item => item.matches(':focus-within'));\n    if (restoreFocus && trigger?.isConnected) {\n      trigger.focus();\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"dropdown-group.js","names":["globalStyles","_decorate","__decorate","dropdown_group_global_default","DropdownGroup","LitElement","useStyles","#syncDropdowns","appendRootNodeStyle","#pointerup","#keydown","#onBeforeToggle","#onOpen","#onClose","dropdowns","dropdown","clickOutsideElementBounds","event","isNavigationKey","path","boundary","#findDropdownBoundary","#findOwnedDropdown","#navigate","node","target","getActiveElement","rtl","openKey","closeKey","#openSubmenu","trigger","submenu","#rootDropdown","#openingTriggers","getFlattenedFocusableItems","activeElement","item","queryAssignedElements","audit"],"sources":["../../src/dropdown-group/dropdown-group.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 { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport {\n  clickOutsideElementBounds,\n  appendRootNodeStyle,\n  getFlattenedFocusableItems,\n  getActiveElement,\n  audit\n} from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport type { Dropdown } from '@nvidia-elements/core/dropdown';\nimport globalStyles from './dropdown-group.global.css?inline';\n\n/**\n * @element nve-dropdown-group\n * @description A dropdown group coordinates linked dropdowns and cascading submenus.\n * @documentation https://nvidia.github.io/elements/docs/elements/dropdown-group/\n * @since 1.30.1\n * @entrypoint \\@nvidia-elements/core/dropdown-group\n * @slot - default slot for dropdown content\n * @event open - Dispatched when a dropdown in the group opens\n * @event close - Dispatched when a dropdown in the group closes\n * @cssprop --arrow-transform - Transform applied to the popover arrow\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/\n */\n@audit()\nexport class DropdownGroup extends LitElement {\n  static styles = useStyles([]);\n\n  static readonly metadata = {\n    tag: 'nve-dropdown-group',\n    version: '0.0.0',\n    children: ['nve-dropdown']\n  };\n\n  @queryAssignedElements({ selector: 'nve-dropdown' }) protected dropdowns!: Dropdown[];\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${this.#syncDropdowns}></slot>\n      </div>\n    `;\n  }\n\n  #openingTriggers = new WeakMap<Dropdown, HTMLElement>();\n  #rootDropdown?: Dropdown;\n\n  connectedCallback() {\n    super.connectedCallback();\n    appendRootNodeStyle(this, globalStyles);\n    globalThis.document?.addEventListener('pointerup', this.#pointerup);\n    this.addEventListener('keydown', this.#keydown);\n    this.addEventListener('beforetoggle', this.#onBeforeToggle, true);\n    this.addEventListener('open', this.#onOpen as EventListener);\n    this.addEventListener('close', this.#onClose as EventListener);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    globalThis.document?.removeEventListener('pointerup', this.#pointerup);\n    this.removeEventListener('keydown', this.#keydown);\n    this.removeEventListener('beforetoggle', this.#onBeforeToggle, true);\n    this.removeEventListener('open', this.#onOpen as EventListener);\n    this.removeEventListener('close', this.#onClose as EventListener);\n  }\n\n  #syncDropdowns() {\n    this.dropdowns.forEach(dropdown => {\n      dropdown.popoverType = 'manual';\n    });\n  }\n\n  #pointerup = (event: PointerEvent) => {\n    const dropdowns = this.dropdowns.filter(dropdown => dropdown.matches(':popover-open'));\n    if (dropdowns.length && dropdowns.every(dropdown => clickOutsideElementBounds(event, dropdown))) {\n      this.close();\n    }\n  };\n\n  #keydown(event: KeyboardEvent) {\n    const isNavigationKey = event.code === 'Escape' || event.code === 'ArrowLeft' || event.code === 'ArrowRight';\n    if (event.defaultPrevented || !isNavigationKey) return;\n    const path = event.composedPath();\n    const boundary = this.#findDropdownBoundary(path);\n    const dropdown = this.#findOwnedDropdown(boundary);\n    if (!dropdown && boundary !== this) return;\n\n    if (event.code === 'Escape') {\n      event.preventDefault();\n      event.stopPropagation();\n      this.close();\n      return;\n    }\n    if (dropdown) this.#navigate(event, path, dropdown);\n  }\n\n  #findDropdownBoundary(path: EventTarget[]) {\n    return path.find(\n      node =>\n        node instanceof HTMLElement && (node.localName === 'nve-dropdown' || node.localName === 'nve-dropdown-group')\n    );\n  }\n\n  #navigate(event: KeyboardEvent, path: EventTarget[], dropdown: Dropdown) {\n    const target = getActiveElement(this.ownerDocument);\n    if (!(target instanceof HTMLElement) || !path.includes(target)) return;\n    const rtl = getComputedStyle(this).direction === 'rtl';\n    const openKey = rtl ? 'ArrowLeft' : 'ArrowRight';\n    const closeKey = rtl ? 'ArrowRight' : 'ArrowLeft';\n\n    if (event.code === openKey) {\n      this.#openSubmenu(target, event);\n      return;\n    }\n\n    if (event.code === closeKey && target.localName === 'nve-menu-item') {\n      event.preventDefault();\n      event.stopPropagation();\n      dropdown.hidePopover();\n    }\n  }\n\n  #openSubmenu(trigger: HTMLElement, event: KeyboardEvent) {\n    if (trigger.matches('[disabled]') || !('popoverTargetElement' in trigger)) return;\n    const target = trigger.popoverTargetElement;\n    const submenu = this.#findOwnedDropdown(target);\n    if (!submenu) return;\n    event.preventDefault();\n    event.stopPropagation();\n    submenu.showPopover({ source: trigger });\n  }\n\n  #findOwnedDropdown(target: unknown): Dropdown | undefined {\n    return this.dropdowns.find(dropdown => dropdown === target);\n  }\n\n  #onOpen(event: CustomEvent<{ trigger?: HTMLElement }>) {\n    const dropdown = this.#findOwnedDropdown(event.composedPath()[0]);\n    if (dropdown) {\n      if (!this.#rootDropdown?.matches(':popover-open')) {\n        this.#rootDropdown = dropdown;\n      }\n      this.#openingTriggers.delete(dropdown);\n      if (event.detail?.trigger instanceof HTMLElement) {\n        this.#openingTriggers.set(dropdown, event.detail.trigger);\n      }\n      getFlattenedFocusableItems(dropdown)[0]?.focus();\n    }\n  }\n\n  #onBeforeToggle(event: ToggleEvent) {\n    const dropdown = this.#findOwnedDropdown(event.composedPath()[0]);\n    if (dropdown && event.newState === 'closed' && !dropdown.matches(':focus-within')) {\n      this.#openingTriggers.delete(dropdown);\n    }\n  }\n\n  #onClose(event: CustomEvent) {\n    const dropdown = this.#findOwnedDropdown(event.composedPath()[0]);\n    if (dropdown) {\n      const trigger = this.#openingTriggers.get(dropdown);\n      if (dropdown === this.#rootDropdown) {\n        this.#rootDropdown = undefined;\n      }\n      this.#openingTriggers.delete(dropdown);\n      const activeElement = this.ownerDocument.activeElement;\n      const focusLost = !activeElement || activeElement === this.ownerDocument.body;\n      const restoreFocus = focusLost || dropdown.matches(':focus-within');\n      if (restoreFocus && trigger?.isConnected) {\n        trigger.focus();\n      }\n    }\n  }\n\n  /** Closes every descendant dropdown in the group. */\n  close() {\n    const trigger = this.#rootDropdown ? this.#openingTriggers.get(this.#rootDropdown) : undefined;\n    this.#rootDropdown = undefined;\n    this.#openingTriggers = new WeakMap();\n    const dropdowns = Array.from(this.querySelectorAll('nve-dropdown'));\n    dropdowns.forEach(dropdown => dropdown.hidePopover());\n    const activeElement = this.ownerDocument.activeElement;\n    const focusLost = !activeElement || activeElement === this.ownerDocument.body;\n    const restoreFocus = focusLost || dropdowns.some(item => item.matches(':focus-within'));\n    if (restoreFocus && trigger?.isConnected) {\n      trigger.focus();\n    }\n  }\n}\n"],"mappings":";;;;;;;;;AA6BO,IAAMI,IAAN,cAA4BC,EAAW;;EAC5B,KAAA,SAAAC,EAAU,CAAC,CAAC;;;EAED,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,cAAc;EAC3B;;CAIA,SAAS;EACP,OAAO,CAAI,yCAEa,KAAKC,GAAe;CAG9C;CAEA,qBAAmB,IAAI,QAA+B;CACtD;CAEA,oBAAoB;EAOlB,AANA,MAAM,kBAAkB,GACxBC,EAAoB,MAAMR,CAAY,GACtC,WAAW,UAAU,iBAAiB,aAAa,KAAKS,EAAU,GAClE,KAAK,iBAAiB,WAAW,KAAKC,EAAQ,GAC9C,KAAK,iBAAiB,gBAAgB,KAAKC,IAAiB,EAAI,GAChE,KAAK,iBAAiB,QAAQ,KAAKC,EAAwB,GAC3D,KAAK,iBAAiB,SAAS,KAAKC,EAAyB;CAC/D;CAEA,uBAAuB;EAMrB,AALA,MAAM,qBAAqB,GAC3B,WAAW,UAAU,oBAAoB,aAAa,KAAKJ,EAAU,GACrE,KAAK,oBAAoB,WAAW,KAAKC,EAAQ,GACjD,KAAK,oBAAoB,gBAAgB,KAAKC,IAAiB,EAAI,GACnE,KAAK,oBAAoB,QAAQ,KAAKC,EAAwB,GAC9D,KAAK,oBAAoB,SAAS,KAAKC,EAAyB;CAClE;CAEA,KAAiB;EACf,KAAK,UAAU,SAAQ,MAAY;GACjC,EAAS,cAAc;EACzB,CAAC;CACH;CAEA,MAAc,MAAwB;EACpC,IAAMC,IAAY,KAAK,UAAU,QAAO,MAAYC,EAAS,QAAQ,eAAe,CAAC;EACrF,AAAID,EAAU,UAAUA,EAAU,OAAM,MAAYE,EAA0BC,GAAOF,CAAQ,CAAC,KAC5F,KAAK,MAAM;CAEf;CAEA,GAAS,GAAsB;EAC7B,IAAMG,IAAkBD,EAAM,SAAS,YAAYA,EAAM,SAAS,eAAeA,EAAM,SAAS;EAChG,IAAIA,EAAM,oBAAoB,CAACC,GAAiB;EAChD,IAAMC,IAAOF,EAAM,aAAa,GAC1BG,IAAW,KAAKC,GAAsBF,CAAI,GAC1CJ,IAAW,KAAKO,GAAmBF,CAAQ;EACjD,CAAKL,KAAYK,MAAa,UAE1BH,EAAM,SAAS,YACjBA,EAAM,eAAe,GACrBA,EAAM,gBAAgB,GACtB,KAAK,MAAM,KAGTF,KAAU,KAAKQ,GAAUN,GAAOE,GAAMJ,CAAQ;CACpD;CAEA,GAAsB,GAAqB;EACzC,OAAOI,EAAK,MACV,MACEK,aAAgB,gBAAgBA,EAAK,cAAc,kBAAkBA,EAAK,cAAc,qBAC5F;CACF;CAEA,GAAU,GAAsB,GAAqB,GAAoB;EACvE,IAAMC,IAASC,EAAiB,KAAK,aAAa;EAClD,IAAI,EAAED,aAAkB,gBAAgB,CAACN,EAAK,SAASM,CAAM,GAAG;EAChE,IAAME,IAAM,iBAAiB,IAAI,CAAC,CAAC,cAAc,OAC3CC,IAAUD,IAAM,cAAc,cAC9BE,IAAWF,IAAM,eAAe;EAEtC,AAAIV,EAAM,SAASW,IACjB,KAAKE,GAAaL,GAAQR,CAAK,IAI7BA,EAAM,SAASY,KAAYJ,EAAO,cAAc,oBAClDR,EAAM,eAAe,GACrBA,EAAM,gBAAgB,GACtBF,EAAS,YAAY;CAEzB;CAEA,GAAa,GAAsB,GAAsB;EACvD,IAAIgB,EAAQ,QAAQ,YAAY,KAAK,EAAE,0BAA0BA,IAAU;EAC3E,IAAMN,IAASM,EAAQ,sBACjBC,IAAU,KAAKV,GAAmBG,CAAM;EAC9C,AAAKO,MACLf,EAAM,eAAe,GACrBA,EAAM,gBAAgB,GACtBe,EAAQ,YAAY,EAAE,QAAQD,EAAQ,CAAC;CACzC;CAEA,GAAmB,GAAuC;EACxD,OAAO,KAAK,UAAU,MAAK,MAAYhB,MAAaU,CAAM;CAC5D;CAEA,GAAQ,GAA+C;EACrD,IAAMV,IAAW,KAAKO,GAAmBL,EAAM,aAAa,CAAC,CAAC,EAAE;EAChE,AAAIF,MACG,KAAKkB,IAAe,QAAQ,eAAe,MAC9C,KAAKA,KAAgBlB,IAEvB,KAAKmB,GAAiB,OAAOnB,CAAQ,GACjCE,EAAM,QAAQ,mBAAmB,eACnC,KAAKiB,GAAiB,IAAInB,GAAUE,EAAM,OAAO,OAAO,GAE1DkB,EAA2BpB,CAAQ,CAAC,CAAC,EAAE,EAAE,MAAM;CAEnD;CAEA,GAAgB,GAAoB;EAClC,IAAMA,IAAW,KAAKO,GAAmBL,EAAM,aAAa,CAAC,CAAC,EAAE;EAChE,AAAIF,KAAYE,EAAM,aAAa,YAAY,CAACF,EAAS,QAAQ,eAAe,KAC9E,KAAKmB,GAAiB,OAAOnB,CAAQ;CAEzC;CAEA,GAAS,GAAoB;EAC3B,IAAMA,IAAW,KAAKO,GAAmBL,EAAM,aAAa,CAAC,CAAC,EAAE;EAChE,IAAIF,GAAU;GACZ,IAAMgB,IAAU,KAAKG,GAAiB,IAAInB,CAAQ;GAIlD,AAHIA,MAAa,KAAKkB,OACpB,KAAKA,KAAgB,KAAA,IAEvB,KAAKC,GAAiB,OAAOnB,CAAQ;GACrC,IAAMqB,IAAgB,KAAK,cAAc;GAGzC,CAFkB,CAACA,KAAiBA,MAAkB,KAAK,cAAc,QACvCrB,EAAS,QAAQ,eAAe,MAC9CgB,GAAS,eAC3BA,EAAQ,MAAM;EAElB;CACF;CAGA,QAAQ;EACN,IAAMA,IAAU,KAAKE,KAAgB,KAAKC,GAAiB,IAAI,KAAKD,EAAa,IAAI,KAAA;EAErF,AADA,KAAKA,KAAgB,KAAA,GACrB,KAAKC,qBAAmB,IAAI,QAAQ;EACpC,IAAMpB,IAAY,MAAM,KAAK,KAAK,iBAAiB,cAAc,CAAC;EAClE,EAAU,SAAQ,MAAYC,EAAS,YAAY,CAAC;EACpD,IAAMqB,IAAgB,KAAK,cAAc;EAGzC,CAFkB,CAACA,KAAiBA,MAAkB,KAAK,cAAc,QACvCtB,EAAU,MAAK,MAAQuB,EAAK,QAAQ,eAAe,CAAC,MAClEN,GAAS,eAC3BA,EAAQ,MAAM;CAElB;AACF;AA1JG9B,EAAA,CAAAqC,EAAsB,EAAE,UAAU,eAAe,CAAC,CAAA,GAAAlC,EAAA,WAAA,aAAA,KAAA,CAAA,GAVpD,IAAAH,EAAA,CAAAsC,EAAM,CAAA,GAAAnC,CAAA"}

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.3",
-			validators: [c, s],
+			version: "2.23.5",
+			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.3"
+			version: "2.23.5"
 		};
 	}
 	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.3"
+			version: "2.23.5"
 		};
 	}
 	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":"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"}
+{"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.3"
+			version: "2.23.5"
 		};
 	}
 	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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"}