@heartlandone/vega 2.85.0 → 2.87.0-beta.1

package/dist/esm/vega-selection-chip_2.entry.js

@@ -1,39 +1,39 @@
 import { h, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer, L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-456a9f16.js';
-import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-524cabd2.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-2adbbe00.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-2a1d6398.js';
+import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-81538a8c.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
-import { h as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-db974a0d.js';
-import { f as findParent } from './ui-b7600a48.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-3897e95b.js';
+import { h as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-913e8be6.js';
+import { f as findParent } from './ui-64815a12.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
-import { i as VegaChange } from './vega-event-id-a6ccca66.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-1c57093d.js';
+import { i as VegaChange } from './vega-event-id-578c6c6d.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { a as TagNameAndAttributeMutationFilter } from './mutation-observer-filters-1a054fb0.js';
 import { i as isArrayEqual } from './array-7888f339.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-63ecb465.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75f93d85.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-ae8478b5.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-80ac7dee.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-0a406a71.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9e70a18d.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
-import './type-guard-adc244fd.js';
+import './type-guard-ed1004cc.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-d7dee4a0.js';
+import './internal-translation-controller-d8217d93.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
-import './feature-flag-controller-30f7b625.js';
-import './index-bfc6dfa2.js';
+import './feature-flag-controller-5ebc0cec.js';
+import './index-9c9865c0.js';
 import './try-get-document-bef0f526.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-7cdf3c28.js';
+import './internal-vega-event-manager-1ac5ee9a.js';
 import './vega-env-manager-8f8dc473.js';
 import './string-a953eafc.js';
 import './misc-9fdbcfbb.js';

package/dist/esm/vega-selection-tile_2.entry.js

@@ -1,31 +1,30 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-524cabd2.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-1c57093d.js';
-import { i as VegaChange } from './vega-event-id-a6ccca66.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
+import { i as VegaChange } from './vega-event-id-578c6c6d.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { i as SELECTION_TILE_VALUE_CHANGE, C as CHECKBOX_VALUE_CHANGE, R as RADIO_VALUE_CHANGE, F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-2adbbe00.js';
-import { h as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-db974a0d.js';
-import { f as findParent } from './ui-b7600a48.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-81538a8c.js';
+import { h as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-913e8be6.js';
+import { f as findParent } from './ui-64815a12.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75f93d85.js';
-import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-a8cb19cf.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-63ecb465.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-ae8478b5.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-3897e95b.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-0a406a71.js';
+import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-8822d0d0.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-80ac7dee.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9e70a18d.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-7cdf3c28.js';
+import './internal-vega-event-manager-1ac5ee9a.js';
 import './try-get-document-bef0f526.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-30f7b625.js';
-import './index-bfc6dfa2.js';
+import './feature-flag-controller-5ebc0cec.js';
+import './index-9c9865c0.js';
 import './string-a953eafc.js';
 import './misc-9fdbcfbb.js';
-import './internal-translation-controller-d7dee4a0.js';
+import './internal-translation-controller-d8217d93.js';
 import './index-3b327f29.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
@@ -44,23 +43,82 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 class VegaSelectionTileRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    /**
+     * Activation handler invoked from the host's `@Listen('click')` listener
+     * (registered on the host element itself). The host carries
+     * `role="radio"`/`"checkbox"`, `tabindex`, and the activation listeners,
+     * so this is the only interactive node per tile. VoiceOver's VO+Space
+     * dispatches a synthetic click on the focused host, which reaches this
+     * function through `VegaSelectionTile.onHostClick()`.
+     */
+    this.activate = () => {
+      if (this.disabled) {
+        return;
+      }
+      if (!(this.selectType === 'radio' && this.checked)) {
+        this.checkedController.onCheck(!this.checked);
+      }
+    };
+    this.handleTileKeydown = (event) => {
+      if (this.disabled) {
+        return;
+      }
+      // eslint-disable-next-line spellcheck/spell-checker
+      if (event.key === 'Enter' || event.key === ' ' || event.key === 'Spacebar') {
+        event.preventDefault();
+        this.activate();
+      }
+    };
+  }
   getSelectorContainerRef() {
     return this.selectorContainerRef;
   }
+  // Accessible name for the host's `aria-label`. Public because the
+  // component renders the host and needs to call this to compute the
+  // host's `aria-label` value (see `VegaSelectionTile.render`).
+  //
+  // Fallback chain: titleText (+ note) → trimmed host light-DOM text
+  // (covers `content`/`prefix` slots) → `value`. `note` is appended so
+  // VoiceOver announces both the title and the supporting line
+  // (e.g. "Basic Plan, $9 / month") when traversing tiles with VO+→/VO+←;
+  // the visual subtree is `aria-hidden`, so without this the note would
+  // never reach the accessibility tree.
+  //
+  // The parent group's label is intentionally NOT prepended here: the
+  // group renderer exposes its label as an independently focusable AT
+  // stop, so duplicating it on every tile would make AT users hear the
+  // group label N+1 times.
+  getAccessibleName() {
+    if (this.titleText) {
+      return this.note ? `${this.titleText}, ${this.note}` : this.titleText;
+    }
+    // Prefer `innerText` so adjacent inline/block elements are separated
+    // by whitespace (e.g. `<div>Pro Plan<span>Popular</span></div>` reads
+    // as "Pro Plan Popular" instead of "Pro PlanPopular" from raw
+    // `textContent` concatenation). Fall back to `textContent` for
+    // environments (e.g. jsdom) that do not implement `innerText`, and
+    // to `''` to satisfy the `string | null` type of `textContent`.
+    const raw = this.host.innerText || this.host.textContent || '';
+    const slotText = raw.replace(/\s+/g, ' ').trim();
+    return slotText || this.value || '';
+  }
   render() {
+    // ARIA semantics (role/aria-*), focus (tabindex), and activation
+    // handlers live on the COMPONENT HOST (see `VegaSelectionTile.render`
+    // and the `@Listen('click')`/`@Listen('keydown')` methods on the
+    // component class), not on this inner element. Keeping role + tabindex
+    // off this element is what prevents Firefox/VoiceOver from triple-
+    // announcing each tile (host group wrapper + inner role=radio + host
+    // close). This element is now purely a layout/styling wrapper.
     return (h("vega-flex", { "align-items": "start", "justify-content": "start", gap: "size-16", class: {
         'selection-tile': true,
         'disabled': this.disabled,
         'checked': this.checked,
         'error': this.showError,
-      }, "aria-label": this.titleText || 'No label defined', tabIndex: this.disabled ? -1 : 0, 
-      /* eslint-disable-next-line react/jsx-no-bind */
-      onClick: () => {
-        if (!(this.selectType === 'radio' && this.checked)) {
-          this.checkedController.onCheck(!this.checked);
-        }
-      }, onKeyDown: createEnterKeyHandlerToTriggerClick() },
-      h("div", { class: "vega-flex-grow" }, this.renderContent()),
+      } },
+      h("div", { class: "vega-flex-grow", "aria-hidden": "true" }, this.renderContent()),
       this.renderSelect()));
   }
   renderContent() {
@@ -87,7 +145,7 @@ class VegaSelectionTileRenderer extends VegaSlimmer {
       this.note && h("div", { class: "selection-tile-note" }, this.note)));
   }
   renderSelect() {
-    return (h("vega-flex", { "align-items": "start", class: "vega-flex-shrink-0 selection-tile-select", ref: (ref) => (this.selectorContainerRef = ref) }, this.selectType === 'checkbox' ? this.renderCheckbox() : this.renderRadio()));
+    return (h("vega-flex", Object.assign({ "align-items": "start", class: "vega-flex-shrink-0 selection-tile-select", "aria-hidden": "true" }, { inert: true }, { ref: (ref) => (this.selectorContainerRef = ref) }), this.selectType === 'checkbox' ? this.renderCheckbox() : this.renderRadio()));
   }
   renderCheckbox() {
     return h("vega-checkbox", { size: "small", disabled: this.disabled, checked: this.checked });
@@ -126,6 +184,9 @@ __decorate$8([
 __decorate$8([
   MapToComponentField()
 ], VegaSelectionTileRenderer.prototype, "showError", void 0);
+__decorate$8([
+  MapToComponentField()
+], VegaSelectionTileRenderer.prototype, "value", void 0);
 __decorate$8([
   MapToComponentField()
 ], VegaSelectionTileRenderer.prototype, "checkedController", void 0);
@@ -318,7 +379,7 @@ __decorate$5([
   MapToComponentMethod('disconnectedCallback')
 ], VegaSelectionTileShowErrorController.prototype, "disconnectedCallback", null);
 
-const vegaSelectionTileCss = ":host::not(.distribute-evenly){display:block}:host(.distribute-evenly){display:flex;width:100%}:host(.distribute-evenly) .selection-tile{flex:1}:host{display:block}:host .selection-tile{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));cursor:pointer;margin:1px}:host .selection-tile:not(.disabled):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile:not(.disabled):focus-visible{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .selection-tile:not(.disabled).checked{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));margin:0px}:host .selection-tile:not(.disabled).checked:hover{border:2px solid rgba(var(--v-border-tile-selected-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host .selection-tile:not(.disabled).checked:focus-visible{border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .selection-tile:not(.disabled).error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host .selection-tile:not(.disabled).error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile:not(.disabled).error:focus-visible{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host .selection-tile.disabled{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));pointer-events:none}:host .selection-tile.disabled .selection-tile-title,:host .selection-tile.disabled .selection-tile-note{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .selection-tile .selection-tile-title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .selection-tile .selection-tile-title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .selection-tile .selection-tile-title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .selection-tile .selection-tile-title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .selection-tile .selection-tile-note{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .selection-tile .selection-tile-note{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .selection-tile .selection-tile-note{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .selection-tile .selection-tile-note{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .selection-tile .selection-tile-icon{margin-top:4px;margin-bottom:4px}:host .selection-tile .selection-tile-select{height:24px}:host .selection-tile .selection-tile-select vega-checkbox,:host .selection-tile .selection-tile-select vega-radio{margin-top:4px}";
+const vegaSelectionTileCss = ":host::not(.distribute-evenly){display:block}:host(.distribute-evenly){display:flex;width:100%}:host(.distribute-evenly) .selection-tile{flex:1}:host{display:block}:host .selection-tile{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));cursor:pointer;margin:1px}:host .selection-tile:not(.disabled):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile:not(.disabled).checked{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));margin:0px}:host .selection-tile:not(.disabled).checked:hover{border:2px solid rgba(var(--v-border-tile-selected-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host .selection-tile:not(.disabled).error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host .selection-tile:not(.disabled).error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile.disabled{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));pointer-events:none}:host .selection-tile.disabled .selection-tile-title,:host .selection-tile.disabled .selection-tile-note{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .selection-tile .selection-tile-title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .selection-tile .selection-tile-title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .selection-tile .selection-tile-title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .selection-tile .selection-tile-title{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .selection-tile .selection-tile-note{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .selection-tile .selection-tile-note{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .selection-tile .selection-tile-note{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .selection-tile .selection-tile-note{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .selection-tile .selection-tile-icon{margin-top:4px;margin-bottom:4px}:host .selection-tile .selection-tile-select{height:24px}:host .selection-tile .selection-tile-select vega-checkbox,:host .selection-tile .selection-tile-select vega-radio{margin-top:4px}:host(:focus-visible){outline:none}:host(:focus-visible:not([aria-disabled=true])) .selection-tile{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host(:focus-visible:not([aria-disabled=true])) .selection-tile.checked{border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host(:focus-visible:not([aria-disabled=true])) .selection-tile.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}";
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -383,9 +444,53 @@ const VegaSelectionTile = class {
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.selectType = 'radio';
+    // Host-level activation listeners are attached via vDOM listeners
+    // (`onClick` / `onKeyDown` on the `<Host>` element below). Stencil's
+    // vDOM listeners use `addEventListener` under the hood, NOT the
+    // `onclick`/`onkeydown` IDL properties, so:
+    //   1. A consumer doing `tileEl.onclick = fn` cannot overwrite or
+    //      remove our listener.
+    //   2. A consumer attaching their own `addEventListener('click', ...)`
+    //      coexists with ours and fires alongside it (DOM event spec).
+    // So consumer code can observe / augment activation but cannot silently
+    // break it. Only `event.stopImmediatePropagation()` in a handler that
+    // runs before ours would suppress it -- an explicit opt-out, not a
+    // surprise override.
+    this.onHostClick = () => {
+      this.renderer.activate();
+    };
+    this.onHostKeyDown = (event) => {
+      this.renderer.handleTileKeydown(event);
+    };
   }
   render() {
-    return sanitizeVegaComponent(h(Host, { class: { 'distribute-evenly': this.distributeEvenly } }, this.renderer.render()), this.host);
+    // ARIA semantics, focus, and activation handlers ALL live on the host.
+    //
+    // Why not `role="presentation"` on the host + role on an inner shadow
+    // element? Per ARIA 1.2, `role="presentation"`/`role="none"` is dropped
+    // ("presentation conflict resolution") whenever the element has any
+    // focusable descendants in the flat tree. Putting `tabindex="0"` on an
+    // inner shadow element therefore demotes the host's presentation role,
+    // and Firefox -- which enforces this rule strictly -- exposes the host
+    // as a generic/group wrapper around the inner radio. VoiceOver then
+    // triple-announces each tile:
+    //   1. "<title>, group"               (host wrapper)
+    //   2. "<title>, <note>, radio button" (inner role=radio)
+    //   3. "end of <title>, group"        (host wrapper close)
+    // Safari/Chrome happen to flatten the host out, masking the bug.
+    // Collapsing role + tabindex + aria-* onto the host eliminates the
+    // wrapper entirely -- the host *is* the radio/checkbox.
+    //
+    // NOTE on the `title` HTML attribute: `@Prop({ attribute: 'title' })
+    // titleText` observes the `title` attribute, so we deliberately do
+    // NOT pass `title={null}` to the Host -- doing so would strip the
+    // attribute at render time, which would then trigger Stencil's
+    // attribute observer and wipe `titleText` itself. The HTML `title`
+    // attribute stays on the host as a harmless tooltip; the explicit
+    // `aria-label` we emit takes precedence as the accessible name per
+    // the W3C accessible name computation, so VoiceOver/NVDA announce
+    // `aria-label` (which folds in the note line), not the tooltip text.
+    return sanitizeVegaComponent(h(Host, { role: this.selectType === 'checkbox' ? 'checkbox' : 'radio', "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.renderer.getAccessibleName() || undefined, tabindex: this.disabled ? -1 : 0, class: { 'distribute-evenly': this.distributeEvenly }, onClick: this.onHostClick, onKeyDown: this.onHostKeyDown }, this.renderer.render()), this.host);
   }
   get host() { return getElement(this); }
 };
@@ -438,16 +543,37 @@ class VegaSelectionTileGroupRenderer extends VegaSlimmer {
       this.renderHint()));
   }
   renderLabel() {
-    return (this.label && (h("div", { class: "vega-label" },
-      h("label", { "aria-label": this.label },
-        this.label,
-        this.renderRequire()))));
+    return (this.label && (
+    // The label is exposed as its own focusable VoiceOver stop:
+    // `tabindex="0"` puts it in the tab / VO swipe order, and
+    // `aria-label` provides a clean accessible name that includes
+    // "required" as a spoken word.
+    //
+    // The visible text + asterisk are wrapped in an
+    // `aria-hidden="true"` span so VoiceOver does not descend into
+    // the children and create extra swipe stops on the raw text
+    // or the decorative "*" — the `aria-label` above is the
+    // single thing AT users hear for this stop.
+    h("div", { class: "vega-label" },
+      h("span", { 
+        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+        tabindex: 0, "aria-label": this.required ? `${this.label} (required)` : this.label },
+        h("span", { "aria-hidden": "true" },
+          this.label,
+          this.renderRequire())))));
   }
   renderRequire() {
-    return this.required && h("span", { class: "vega-require" }, "*");
+    return (this.required && (h("span", { class: "vega-require", "aria-hidden": "true" }, "*")));
   }
   renderContainer() {
-    return (h("div", { class: "container", ref: (e) => (this.groupContainerRef = e) },
+    return (
+    // The container intentionally drops `role="radiogroup"`/`role="group"`
+    // (and the group-level `aria-*` attributes those roles would imply)
+    // so VoiceOver does not treat the container as a separate stop ahead
+    // of the first tile. The group label above is now the single AT
+    // stop that announces the group's purpose; child tiles are reached
+    // directly after it without a wrapper announcement.
+    h("div", { class: "container", ref: (e) => (this.groupContainerRef = e) },
       h("vega-flex", { direction: this.layout === 'horizontal' ? 'row' : 'col', gap: "size-12" },
         h("slot", { 
           /* eslint-disable-next-line react/jsx-no-bind */
@@ -460,8 +586,18 @@ class VegaSelectionTileGroupRenderer extends VegaSlimmer {
           () => this.itemsController.syncTileArrayAndValue() }))));
   }
   renderHint() {
-    return (this.hint && (h("div", { class: "vega-hint" },
-      h("label", null, this.hint))));
+    return (this.hint && (
+    // Mirrors `renderLabel`: the hint is exposed as its own
+    // focusable VoiceOver stop after the tile list, so AT users
+    // can swipe to it and hear the supporting copy. The visible
+    // text is wrapped in an `aria-hidden` span so VO only speaks
+    // the `aria-label` once instead of also descending into the
+    // child text node.
+    h("div", { class: "vega-hint" },
+      h("span", { 
+        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+        tabindex: 0, "aria-label": this.hint },
+        h("span", { "aria-hidden": "true" }, this.hint)))));
   }
 }
 __decorate$3([
@@ -479,9 +615,6 @@ __decorate$3([
 __decorate$3([
   MapToComponentField()
 ], VegaSelectionTileGroupRenderer.prototype, "layout", void 0);
-__decorate$3([
-  MapToComponentField()
-], VegaSelectionTileGroupRenderer.prototype, "selectType", void 0);
 __decorate$3([
   MapToComponentField()
 ], VegaSelectionTileGroupRenderer.prototype, "itemsController", void 0);
@@ -657,7 +790,7 @@ __decorate$1([
   MapToComponentMethod('componentWillLoad')
 ], VegaSelectionTileGroupItemsController.prototype, "initSelectionTileArray", null);
 
-const vegaSelectionTileGroupCss = ":host{display:block;text-align:left;line-height:normal}:host .vega-error{display:block;margin-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}:host .vega-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;margin-bottom:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-label label{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-label .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}:host .vega-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));padding-top:12px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}";
+const vegaSelectionTileGroupCss = ":host{display:block;text-align:left;line-height:normal}:host .vega-error{display:block;margin-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}:host .vega-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;margin-bottom:16px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-label .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}:host .vega-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));padding-top:12px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/vega-sidenav_3.entry.js

@@ -3,37 +3,37 @@ import { e as flattenChildren } from './array-7888f339.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { i as isObjectEmpty } from './misc-9fdbcfbb.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
-import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-524cabd2.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
-import { V as VegaIconManager } from './icon-manager-539d7cf7.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-63ecb465.js';
+import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-276f968f.js';
+import { V as VegaIconManager } from './icon-manager-691c8682.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-80ac7dee.js';
 import { e as executeAfterTransition } from './effect-f50e072d.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-456a9f16.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-2a1d6398.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
-import { F as VegaInternalSidenavLinkClick } from './vega-internal-event-id-db974a0d.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-1c57093d.js';
-import { Q as VegaStateUpdate, a as VegaClick } from './vega-event-id-a6ccca66.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-3897e95b.js';
+import { F as VegaInternalSidenavLinkClick } from './vega-internal-event-id-913e8be6.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
+import { R as VegaStateUpdate, a as VegaClick } from './vega-event-id-578c6c6d.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { j as SIDENAV_LINK_SELECTED_TOPIC } from './static-subject-title-52f93124.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-2adbbe00.js';
-import { f as findParent } from './ui-b7600a48.js';
-import { i as internalVegaEventManager } from './internal-vega-event-manager-7cdf3c28.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-81538a8c.js';
+import { f as findParent } from './ui-64815a12.js';
+import { i as internalVegaEventManager } from './internal-vega-event-manager-1ac5ee9a.js';
 import './number-4398f2e1.js';
 import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
-import './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
+import './create-public-api-runtime-metrics-slimmer-da6615bf.js';
 import './dynamic-slimmer-90b8af32.js';
-import './type-guard-adc244fd.js';
+import './type-guard-ed1004cc.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-d7dee4a0.js';
+import './internal-translation-controller-d8217d93.js';
 import './pixel-f32c07ce.js';
-import './feature-flag-controller-30f7b625.js';
-import './index-bfc6dfa2.js';
+import './feature-flag-controller-5ebc0cec.js';
+import './index-9c9865c0.js';
 import './try-get-document-bef0f526.js';
 
 var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/vega-signature-capture.entry.js

@@ -1,47 +1,47 @@
 import { h, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-090d31ca.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-276f968f.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
-import { a as VegaClick, i as VegaChange } from './vega-event-id-a6ccca66.js';
-import { f as formatAndValidResponsiveToken } from './design-token-57de4f4f.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3897e95b.js';
+import { a as VegaClick, i as VegaChange } from './vega-event-id-578c6c6d.js';
+import { f as formatAndValidResponsiveToken } from './design-token-0e6fb2c4.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as deepEqual } from './object-0c277f57.js';
 import { h as htmlSanitizer, e as emptySanitizeStrategy } from './index-3b327f29.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-1c57093d.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-ae8478b5.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9e70a18d.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
-import { T as TranslationSlimmer } from './translation-slimmer-5e2bff5f.js';
-import './icon-manager-539d7cf7.js';
-import './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
+import { T as TranslationSlimmer } from './translation-slimmer-32353a1c.js';
+import './icon-manager-691c8682.js';
+import './create-public-api-runtime-metrics-slimmer-da6615bf.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
 import './observer-3959f9dd.js';
-import './ui-b7600a48.js';
-import './type-guard-adc244fd.js';
+import './ui-64815a12.js';
+import './type-guard-ed1004cc.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-d7dee4a0.js';
-import './responsive-format-facade-456a9f16.js';
+import './internal-translation-controller-d8217d93.js';
+import './responsive-format-facade-2a1d6398.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './feature-flag-controller-30f7b625.js';
-import './index-bfc6dfa2.js';
-import './state-border-formatter-afac8d33.js';
+import './feature-flag-controller-5ebc0cec.js';
+import './index-9c9865c0.js';
+import './state-border-formatter-a243f3fc.js';
 import './try-get-document-bef0f526.js';
-import './internal-vega-event-manager-7cdf3c28.js';
+import './internal-vega-event-manager-1ac5ee9a.js';
 import './string-a953eafc.js';
-import './vega-internal-event-id-db974a0d.js';
+import './vega-internal-event-id-913e8be6.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
-import './sub-state-observer-slimmer-2adbbe00.js';
+import './sub-state-observer-slimmer-81538a8c.js';
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/vega-skeleton.entry.js

@@ -1,6 +1,6 @@
 import { h, H as Host, F as Fragment, r as registerInstance, g as getElement } from './index-090d31ca.js';
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { p as parseToPixelString } from './pixel-f32c07ce.js';
 

package/dist/esm/vega-slot-container.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 
 const vegaSlotContainerCss = ":host{display:contents}";
 

package/dist/esm/vega-stepper.entry.js

@@ -3,22 +3,22 @@ import { M as MinNumberRule, a as MaxNumberRule } from './min-number-rule-2f1cfb
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as convertToNumber, n as normalizeNumberByRanger } from './number-4398f2e1.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-ae8478b5.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75f93d85.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
-import { i as VegaChange, H as VegaBlur, a as VegaClick } from './vega-event-id-a6ccca66.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9e70a18d.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-0a406a71.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3897e95b.js';
+import { i as VegaChange, I as VegaBlur, a as VegaClick } from './vega-event-id-578c6c6d.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-1c57093d.js';
-import { a as arrayToClassString } from './ui-b7600a48.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
+import { a as arrayToClassString } from './ui-64815a12.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './string-a953eafc.js';
 import './observer-3959f9dd.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './vega-internal-event-id-db974a0d.js';
-import './internal-translation-controller-d7dee4a0.js';
+import './vega-internal-event-id-913e8be6.js';
+import './internal-translation-controller-d8217d93.js';
 import './index-3b327f29.js';
 import './try-get-document-bef0f526.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
@@ -28,11 +28,11 @@ import './breakpoints-d9faf11c.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
-import './sub-state-observer-slimmer-2adbbe00.js';
-import './internal-vega-event-manager-7cdf3c28.js';
+import './sub-state-observer-slimmer-81538a8c.js';
+import './internal-vega-event-manager-1ac5ee9a.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-30f7b625.js';
-import './index-bfc6dfa2.js';
+import './feature-flag-controller-5ebc0cec.js';
+import './index-9c9865c0.js';
 
 const VegaStepperRuntimeMetricsPayloadDefinition = [
   {