@globalpayments/vega 2.88.0 → 2.89.0

package/dist/esm/vega-button-link.entry.js

@@ -2,17 +2,17 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-0990037c.js';
-import { a as VegaClick } from './vega-event-id-20494454.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2f823df2.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
+import { a as VegaClick } from './vega-event-id-92848bf5.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1e3ac106.js';
 import { h as htmlSanitizer, e as emptySanitizeStrategy } from './index-3b327f29.js';
 import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-2c632641.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
-import './dom-node-subject-observer-factory-3897e95b.js';
+import './dom-node-subject-observer-factory-ddff8662.js';
 import './observer-3959f9dd.js';
-import './ui-64815a12.js';
-import './internal-vega-event-manager-dc4c3a37.js';
+import './ui-d73f756a.js';
+import './internal-vega-event-manager-a9758b6e.js';
 import './try-get-document-bef0f526.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-5ebc0cec.js';
@@ -46,7 +46,7 @@ const VegaButtonLinkRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-const vegaButtonLinkCss = ":host{display:inline-block;position:relative;margin:0px;line-height:normal}a{text-decoration:none;color:rgba(var(--v-text-link, 19, 98, 226, 1));background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));display:inline-block;outline:none}a:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:focus-visible{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}a.default:focus-visible,a.large:focus-visible{border-radius:8px}a.small:focus-visible{border-radius:4px}a.icon:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:4px}a:not(.vega-button-link-danger):visited vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:not(.vega-button-link-danger):visited vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:not(.vega-button-link-danger):hover vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:not(.vega-button-link-danger):hover vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:not(.vega-button-link-danger):active vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:not(.vega-button-link-danger):active vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:not(.vega-button-link-danger):focus-visible vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}a:not(.vega-button-link-danger):focus-visible vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}a:active{text-decoration:none}a:active:hover .vega-button-link-label{text-decoration:none}a.vega-button-link-danger{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}a.vega-button-link-danger:visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}a.vega-button-link-danger:hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}a.vega-button-link-danger:active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}a.vega-button-link-danger:focus-visible{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}a.vega-button-link-danger:focus-visible.default:focus-visible,a.vega-button-link-danger:focus-visible.large:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:4px}a.vega-button-link-danger:focus-visible.small:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}a .vega-button-link-button-container{border-radius:9999px;cursor:pointer;background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));color:rgba(var(--v-text-link, 19, 98, 226, 1));box-sizing:border-box;border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}a:visited .vega-button-link-button-container{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1));border-color:var(--v-text-link-visited)}a:hover .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1));color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:focus .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}a:active .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn-active, 29, 65, 195, 1));background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1));color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a.vega-button-link-danger .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn, 230, 50, 87, 1));color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}a.vega-button-link-danger:hover .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}a.vega-button-link-danger:focus .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn, 230, 50, 87, 1))}a.vega-button-link-danger:active .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn-active, 189, 41, 71, 1));background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2));color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}a.vega-button-link-size-default .vega-button-link-button-container{width:40px;height:40px;padding:10px}a.vega-button-link-size-large .vega-button-link-button-container{width:56px;height:56px;padding:14px}a.vega-button-link-size-small .vega-button-link-button-container{width:32px;height:32px;padding:6px}a.vega-button-link-size-default .vega-button-link-icon,a.vega-button-link-size-small .vega-button-link-icon{width:16px;height:16px;line-height:16px}a.vega-button-link-size-large .vega-button-link-icon{width:24px;height:24px;line-height:24px}a .vega-button-link-label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}a.vega-button-link-size-small .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){a.vega-button-link-size-small .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){a.vega-button-link-size-small .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){a.vega-button-link-size-small .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}a.vega-button-link-size-default .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){a.vega-button-link-size-default .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){a.vega-button-link-size-default .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){a.vega-button-link-size-default .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}a.vega-button-link-size-large .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){a.vega-button-link-size-large .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){a.vega-button-link-size-large .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){a.vega-button-link-size-large .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.vega-button-link-disabled){pointer-events:none}:host(.vega-button-link-disabled) a{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));text-decoration:none;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.vega-button-link-disabled) a.vega-button-link .vega-button-link-button-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));border:2px solid rgba(var(--v-border-secondary-btn-disabled, 176, 180, 181, 1));background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.vega-button-link-disabled) a:focus>.vega-button-link-content{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.button-group-item-button-tertiary.vega-button-link-disabled) a{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}";
+const vegaButtonLinkCss = ":host{display:inline-block;position:relative;margin:0px;line-height:normal}a{text-decoration:none;color:rgba(var(--v-text-link, 19, 98, 226, 1));background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));display:inline-block;outline:none}a:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:focus-visible{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}a.default:focus-visible,a.large:focus-visible{border-radius:8px}a.small:focus-visible{border-radius:4px}a.icon:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:4px}a:not(.vega-button-link-danger):visited vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:not(.vega-button-link-danger):visited vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:not(.vega-button-link-danger):hover vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:not(.vega-button-link-danger):hover vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:not(.vega-button-link-danger):active vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:not(.vega-button-link-danger):active vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:not(.vega-button-link-danger):focus-visible vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}a:not(.vega-button-link-danger):focus-visible vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}a:active{text-decoration:none}a:active:hover .vega-button-link-label{text-decoration:none}a.vega-button-link-danger{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}a.vega-button-link-danger:visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}a.vega-button-link-danger:hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}a.vega-button-link-danger:active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}a.vega-button-link-danger:focus-visible{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}a.vega-button-link-danger:focus-visible.default:focus-visible,a.vega-button-link-danger:focus-visible.large:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:4px}a.vega-button-link-danger:focus-visible.small:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}a .vega-button-link-button-container{border-radius:9999px;cursor:pointer;background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));color:rgba(var(--v-text-link, 19, 98, 226, 1));box-sizing:border-box;border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1));display:flex;align-items:center;justify-content:center}a:visited .vega-button-link-button-container{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1));border-color:var(--v-text-link-visited)}a:hover .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1));color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:focus .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}a:active .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn-active, 29, 65, 195, 1));background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1));color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a.vega-button-link-danger .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn, 230, 50, 87, 1));color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}a.vega-button-link-danger:hover .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}a.vega-button-link-danger:focus .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn, 230, 50, 87, 1))}a.vega-button-link-danger:active .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn-active, 189, 41, 71, 1));background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2));color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}a.vega-button-link-size-default .vega-button-link-button-container{width:40px;height:40px;padding:10px}a.vega-button-link-size-large .vega-button-link-button-container{width:56px;height:56px;padding:14px}a.vega-button-link-size-small .vega-button-link-button-container{width:32px;height:32px;padding:6px}a.vega-button-link-size-default .vega-button-link-icon,a.vega-button-link-size-small .vega-button-link-icon{width:16px;height:16px;line-height:16px}a.vega-button-link-size-large .vega-button-link-icon{width:24px;height:24px;line-height:24px}a .vega-button-link-label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}a.vega-button-link-size-small .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){a.vega-button-link-size-small .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){a.vega-button-link-size-small .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){a.vega-button-link-size-small .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}a.vega-button-link-size-default .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){a.vega-button-link-size-default .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){a.vega-button-link-size-default .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){a.vega-button-link-size-default .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}a.vega-button-link-size-large .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){a.vega-button-link-size-large .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){a.vega-button-link-size-large .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){a.vega-button-link-size-large .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.vega-button-link-disabled){pointer-events:none}:host(.vega-button-link-disabled) a{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));text-decoration:none;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.vega-button-link-disabled) a.vega-button-link .vega-button-link-button-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));border:2px solid rgba(var(--v-border-secondary-btn-disabled, 176, 180, 181, 1));background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.vega-button-link-disabled) a:focus>.vega-button-link-content{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.button-group-item-button-tertiary.vega-button-link-disabled) a{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}";
 
 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;
@@ -208,7 +208,7 @@ const VegaButtonLink = class {
     }
   }
   renderLabel() {
-    return (this.label && (h("span", { class: "vega-button-link-label", part: "label-container" }, h("vega-text", { part: "label-text" }, this.label))));
+    return (this.label && (h("span", { class: "vega-button-link-label", part: "label-container" }, h("vega-text", { part: "label-text", text: this.label }))));
   }
   renderIcon() {
     return (h("div", { class: `vega-button-link-${this.iconType} vega-flex-shrink-0 v-min-w-min` }, this.iconType === 'icon' ? (this.renderVegaIcon()) : (h("div", { class: "vega-button-link-button-container" }, this.renderVegaIcon()))));

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

@@ -1,24 +1,24 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-3ca1422d.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-51c0c2e1.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.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-4b1afd04.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-0990037c.js';
-import { a as VegaClick } from './vega-event-id-20494454.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2f823df2.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-3897e95b.js';
-import { f as findParent } from './ui-64815a12.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
+import { a as VegaClick } from './vega-event-id-92848bf5.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1e3ac106.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
+import { f as findParent } from './ui-d73f756a.js';
 import { f as VegaInternalFormSubmit, g as VegaInternalFormReset } from './vega-internal-event-id-913e8be6.js';
 import { h as htmlSanitizer, e as emptySanitizeStrategy } from './index-3b327f29.js';
 import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
-import './type-guard-b18807dc.js';
+import './type-guard-30eec79c.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-0b9589d0.js';
-import './static-subject-title-52f93124.js';
+import './internal-translation-controller-84958bc9.js';
+import './static-subject-title-1c86e974.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
@@ -26,7 +26,7 @@ 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-dc4c3a37.js';
+import './internal-vega-event-manager-a9758b6e.js';
 import './vega-env-manager-8f8dc473.js';
 import './observer-3959f9dd.js';
 

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

@@ -2,16 +2,16 @@ import { h, F as Fragment, f as forceUpdate, r as registerInstance, c as createE
 import { g as getActiveElement, s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-3897e95b.js';
-import { a as VegaClick, i as VegaChange, V as VegaDropdownClick, b as VegaPopoverHide, j as VegaEventClick, k as VegaDateDblClick, l as VegaMoreActionClick, m as VegaDateClick, n as VegaEventEdit } from './vega-event-id-20494454.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
+import { a as VegaClick, i as VegaChange, V as VegaDropdownClick, b as VegaPopoverHide, j as VegaEventClick, k as VegaDateDblClick, l as VegaMoreActionClick, m as VegaDateClick, n as VegaEventEdit } from './vega-event-id-92848bf5.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-276f968f.js';
-import { a3 as CalendarDate, ae as WeekdayLongNames, ac as pad, af as getClosestWorkday, ag as DayPeriod, ah as WeekPeriod, a5 as MonthPeriod, ai as getSystemTimezone, aj as CalendarTime, ak as CalendarDateTime, al as getCalendarEventSlotName, am as getTimeIndex, an as getEventStatusBgColorStyle } from './type-guard-b18807dc.js';
+import { a3 as CalendarDate, ae as WeekdayLongNames, ac as pad, af as getClosestWorkday, ag as DayPeriod, ah as WeekPeriod, a5 as MonthPeriod, ai as getSystemTimezone, aj as CalendarTime, ak as CalendarDateTime, al as getCalendarEventSlotName, am as getTimeIndex, an as getEventStatusBgColorStyle } from './type-guard-30eec79c.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
-import { l as checkIsVoiceOverClick, f as findParent } from './ui-64815a12.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-0990037c.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-0b9589d0.js';
-import { C as CalendarViewGenerator, a as CalendarView, M as MonthViewGenerator } from './month-view-generator-4c1ee949.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2f823df2.js';
+import { j as checkIsVoiceOverClick, f as findParent } from './ui-d73f756a.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-84958bc9.js';
+import { C as CalendarViewGenerator, a as CalendarView, M as MonthViewGenerator } from './month-view-generator-d341fa5a.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1e3ac106.js';
 import { G as VegaInternalCalendarMonthEventsChange, H as VegaInternalCalendarEventPreviewHide, I as VegaInternalCalendarEventPreviewClear, J as VegaInternalCalendarEventPreviewUpdate, K as VegaInternalCalendarPreviewActionClick, C as VegaInternalDialogContentReady } from './vega-internal-event-id-913e8be6.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
@@ -19,14 +19,14 @@ import { f as flatNestedArray } from './array-7888f339.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { d as debounce } from './timer-9321173b.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-80ac7dee.js';
-import { T as TranslationSlimmer } from './translation-slimmer-49903fc8.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-d5a21bb3.js';
+import { T as TranslationSlimmer } from './translation-slimmer-7f195ba8.js';
 import { A as AutoRunWhenReRenderTaskQueueSlimmer } from './auto-run-when-re-render-task-queue-slimmer.abstract-27820d4c.js';
 import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c2d038f0.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c8fcfe60.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-81538a8c.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-d924288a.js';
 import { b as parsePixelStringToNumber } from './pixel-f32c07ce.js';
 import './icon-manager-691c8682.js';
 import './create-public-api-runtime-metrics-slimmer-da6615bf.js';
@@ -34,15 +34,15 @@ import './dynamic-slimmer-90b8af32.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-vega-event-manager-dc4c3a37.js';
-import './static-subject-title-52f93124.js';
+import './internal-vega-event-manager-a9758b6e.js';
+import './static-subject-title-1c86e974.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
 import './number-4398f2e1.js';
 import './breakpoints-332702ed.js';
 import './synchronize-task-queue-ac8acc3b.js';
-import './keyboard-manager-69761aa6.js';
+import './keyboard-manager-404b9c17.js';
 
 /**
  * Day view calendar generator

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

@@ -1,24 +1,24 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './design-token-b7ce7ed4.js';
+import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './design-token-0a575bf2.js';
 import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { f as findParent, a as arrayToClassString } from './ui-64815a12.js';
+import { f as findParent, a as arrayToClassString } from './ui-d73f756a.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import './type-guard-b18807dc.js';
+import './type-guard-30eec79c.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-0b9589d0.js';
+import './internal-translation-controller-84958bc9.js';
 import './change-manager-6a7eb88c.js';
-import './static-subject-title-52f93124.js';
-import './responsive-format-facade-3ca1422d.js';
+import './static-subject-title-1c86e974.js';
+import './responsive-format-facade-51c0c2e1.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
-import './state-border-formatter-3ebc76a4.js';
+import './state-border-formatter-50394e9c.js';
 
 /**
  * This class is used to track the nested level of a component

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

@@ -3,21 +3,21 @@ import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js'
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { r as reflow, e as executeAfterTransition } from './effect-f50e072d.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-3ca1422d.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-51c0c2e1.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-0990037c.js';
-import { o as VegaPageUpdate } from './vega-event-id-20494454.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
+import { o as VegaPageUpdate } from './vega-event-id-92848bf5.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-ea34fa7b.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
-import './type-guard-b18807dc.js';
+import './type-guard-30eec79c.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-0b9589d0.js';
+import './internal-translation-controller-84958bc9.js';
 import './change-manager-6a7eb88c.js';
-import './static-subject-title-52f93124.js';
+import './static-subject-title-1c86e974.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
@@ -25,10 +25,10 @@ import './array-7888f339.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
 import './dynamic-slimmer-90b8af32.js';
-import './dom-node-subject-observer-factory-3897e95b.js';
+import './dom-node-subject-observer-factory-ddff8662.js';
 import './observer-3959f9dd.js';
-import './ui-64815a12.js';
-import './internal-vega-event-manager-dc4c3a37.js';
+import './ui-d73f756a.js';
+import './internal-vega-event-manager-a9758b6e.js';
 import './object-0c277f57.js';
 
 var TouchDirection;

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

@@ -1,28 +1,28 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090d31ca.js';
-import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { C as CheckBoxRequiredRule } from './check-box-required-rule-cb0aa339.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { C as CHECKBOX_VALUE_CHANGE, F as FORM_ELEMENT_VALUE_CHANGE, g as CHECKBOX_GROUP_DISABLED_CHANGE } from './static-subject-title-52f93124.js';
+import { C as CHECKBOX_USER_INTERACTION, g as CHECKBOX_VALUE_CHANGE, F as FORM_ELEMENT_VALUE_CHANGE, h as CHECKBOX_GROUP_DISABLED_CHANGE } from './static-subject-title-1c86e974.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { f as findParent, a as arrayToClassString } from './ui-64815a12.js';
+import { f as findParent, a as arrayToClassString } from './ui-d73f756a.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-24aca6c4.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-0990037c.js';
-import { i as VegaChange } from './vega-event-id-20494454.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-03894a51.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
+import { i as VegaChange, p as VegaUserChange } from './vega-event-id-92848bf5.js';
 import { h as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-913e8be6.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-3897e95b.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2f823df2.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1e3ac106.js';
 import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-2c632641.js';
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
-import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-8822d0d0.js';
+import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-499a3aa7.js';
+import { i as isArrayEqual } from './array-7888f339.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './string-a953eafc.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-translation-controller-0b9589d0.js';
+import './internal-translation-controller-84958bc9.js';
 import './index-3b327f29.js';
 import './try-get-document-bef0f526.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
@@ -31,13 +31,12 @@ import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
-import './array-7888f339.js';
-import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-81538a8c.js';
-import './internal-vega-event-manager-dc4c3a37.js';
+import './sub-state-observer-slimmer-d924288a.js';
+import './internal-vega-event-manager-a9758b6e.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
+import './number-4398f2e1.js';
 
 var __decorate$2 = (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;
@@ -109,6 +108,8 @@ const VegaCheckbox = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.vegaChange = createEvent(this, "vegaChange", 7);
+    this.vegaUserChange = createEvent(this, "vegaUserChange", 7);
+    this.userChange = createEvent(this, "userChange", 7);
     this.change = createEvent(this, "change", 7);
     this.globalSlimmers = {};
     this.vegaCheckboxShowErrorController = new VegaCheckboxShowErrorController();
@@ -133,12 +134,15 @@ const VegaCheckbox = class {
       touchableAreaGetter: () => [this.inputRef],
     });
     this.changeEventEmitter = createEventEmitSlimmer(VegaCheckbox, VegaChange);
-    this.dropdownEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.host, {
+    this.userChangeEventEmitter = createEventEmitSlimmer(VegaCheckbox, VegaUserChange);
+    this.dropdownEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange, VegaUserChange], () => this.host, {
       customPreventHandle: (e) => {
         e.stopPropagation();
       },
     });
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.labelClickPending = false;
+    this.isUserInteraction = false;
     /**
      * Indicates whether the parent checkbox group is disabled.
      */
@@ -231,7 +235,62 @@ const VegaCheckbox = class {
       if (this.indeterminate) {
         this.indeterminate = false;
       }
+      this.isUserInteraction = true;
       this.checked = e.currentTarget.checked;
+      // Defensive: Stencil watchers run synchronously on the setter, so by
+      // the time the line above returns, watchCheckedChange has already run
+      // (or been skipped under a future same-value guard, e.g. VD-8009).
+      // Queue an unconditional clear as a safety net so a skipped watcher
+      // can never leak the flag into the next prop-driven update.
+      this.isUserInteraction = false;
+    };
+    // Toggle checked directly on Enter to avoid synthetic click bubbling through
+    // the <label>, which would fire vegaChange twice via a second onChange.
+    this.onInputKeyDown = (e) => {
+      if (e.key !== 'Enter')
+        return;
+      e.preventDefault();
+      if (this.isDisabled())
+        return;
+      if (this.indeterminate) {
+        this.indeterminate = false;
+      }
+      this.isUserInteraction = true;
+      this.checked = !this.checked;
+      this.isUserInteraction = false;
+    };
+    /**
+     * Suppresses the duplicate `click` event that bubbles to the host when the
+     *    browser performs the label's default activation behavior. Clicking the
+     *    label area dispatches one click on the label (which bubbles to the
+     *    host), and the browser then synthesizes a second click on the wrapped
+     *    `<input>`, which also bubbles through the label to the host — causing
+     *    the consumer's `onClick` to fire twice.
+     *
+     * We tag the original label-area click with `labelClickPending = true` and,
+     *    when the synthetic input click bubbles back through the label, call
+     *    `stopPropagation()` to prevent the duplicate from leaving the host.
+     *    The input still toggles natively (no `preventDefault`), so `change`
+     *    fires once and `vegaChange` is emitted exactly once via the normal
+     *    `@Watch('checked')` path. This avoids the spurious same-value emission
+     *    that an optimistic local toggle would cause in React controlled
+     *    components, where the parent re-renders the same `checked` value.
+     */
+    this.onLabelClick = (e) => {
+      if (e.target === this.inputRef) {
+        if (this.labelClickPending) {
+          e.stopPropagation();
+          this.labelClickPending = false;
+        }
+        return;
+      }
+      this.labelClickPending = true;
+      // Defensive reset for cases where no synthetic input click follows
+      // (e.g. disabled input, or the click landing outside the label's
+      // associated form control).
+      setTimeout(() => {
+        this.labelClickPending = false;
+      }, 0);
     };
     this.onSelectedIconClick = (e) => {
       e.stopPropagation();
@@ -244,8 +303,18 @@ const VegaCheckbox = class {
     this.checked = this.identifier !== '' ? newValue === this.identifier : newValue === true;
   }
   watchCheckedChange() {
+    // Snapshot + unconditional clear so the user-interaction flag never
+    // leaks into a later prop-driven update. Stencil's prop setter only
+    // invokes @Watch when the value actually changed, so a click that
+    // does not flip `checked` would otherwise leave the flag set.
+    const wasUserInteraction = this.isUserInteraction;
+    this.isUserInteraction = false;
     this.initValue();
     this.changeEventEmitter.emit(this.value);
+    if (wasUserInteraction) {
+      this.userChangeEventEmitter.emit(this.value);
+      ChangeManager.notify(CHECKBOX_USER_INTERACTION, { host: this.host, detail: this.value });
+    }
     ChangeManager.notify(CHECKBOX_VALUE_CHANGE, { host: this.host, detail: this.value });
     ChangeManager.notify(FORM_ELEMENT_VALUE_CHANGE, {
       host: this.host,
@@ -266,6 +335,21 @@ const VegaCheckbox = class {
     this.initValue();
     this.initAndRegisterGroupDisabledObserver();
   }
+  /**
+   * Prevents redundant updates when the checked prop is set
+   *    to the same value (e.g., from parent re-renders in React).
+   *
+   * @param {unknown} newValue - The new prop value.
+   * @param {unknown} oldValue - The old prop value.
+   * @param {string} name - The property name.
+   * @returns {boolean} Return false to skip the current update flow.
+   */
+  componentShouldUpdate(newValue, oldValue, name) {
+    if (name === 'checked' && newValue === oldValue) {
+      return false;
+    }
+    return true;
+  }
   componentDidRender() {
     if (this.host.innerHTML.trim() === '') {
       this.labelElement.classList.add('vega-hidden');
@@ -295,7 +379,7 @@ const VegaCheckbox = class {
         'vega-checkbox-container',
         this.showError && 'error',
         this.size && `size-${this.size}`,
-      ]), ref: (e) => (this.inputContainerRef = e) }, h("input", { ref: (e) => (this.inputRef = e), type: "checkbox", checked: this.checked, value: this.identifier, onChange: this.onCheckBoxChange, "aria-checked": this.indeterminate ? 'mixed' : undefined, disabled: this.isDisabled(), tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick() }), h("span", { class: "vega-checkbox-icon", onClick: this.onSelectedIconClick, tabIndex: -1, "aria-hidden": "true" }, this.renderIconDom()), h("div", { class: "vega-checkbox-label-container", ref: (el) => (this.labelElement = el) }, this.renderLabelDom(), this.renderRequireDom()))), this.host);
+      ]), ref: (e) => (this.inputContainerRef = e), onClick: this.onLabelClick }, h("input", { ref: (e) => (this.inputRef = e), type: "checkbox", checked: this.checked, value: this.identifier, onChange: this.onCheckBoxChange, "aria-label": this.identifier || 'No label defined', "aria-checked": this.indeterminate ? 'mixed' : undefined, disabled: this.isDisabled(), tabIndex: 0, onKeyDown: this.onInputKeyDown }), h("span", { class: "vega-checkbox-icon", onClick: this.onSelectedIconClick, tabIndex: -1, "aria-hidden": "true" }, this.renderIconDom()), h("div", { class: "vega-checkbox-label-container", ref: (el) => (this.labelElement = el) }, this.renderLabelDom(), this.renderRequireDom()))), this.host);
   }
   renderIconDom() {
     if (this.indeterminate) {
@@ -387,6 +471,9 @@ __decorate$1([
 __decorate$1([
   InjectVegaSlimmer()
 ], VegaCheckbox.prototype, "changeEventEmitter", void 0);
+__decorate$1([
+  InjectVegaSlimmer()
+], VegaCheckbox.prototype, "userChangeEventEmitter", void 0);
 __decorate$1([
   InjectVegaSlimmer()
 ], VegaCheckbox.prototype, "dropdownEventPrevent", void 0);
@@ -411,6 +498,8 @@ const VegaCheckboxGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.vegaChange = createEvent(this, "vegaChange", 7);
+    this.vegaUserChange = createEvent(this, "vegaUserChange", 7);
+    this.userChange = createEvent(this, "userChange", 7);
     this.change = createEvent(this, "change", 7);
     this.globalSlimmers = {};
     this.formFieldController = new FormFieldControllerSlimmer({
@@ -427,9 +516,14 @@ const VegaCheckboxGroup = class {
       touchableAreaGetter: () => this.touchableAreaGetter(),
     });
     this.checkboxValueChangeObserver = new ChildNodesNotifyObserverSlimmer(CHECKBOX_VALUE_CHANGE, (input) => this.childCheckboxValueChange(input));
-    this.checkboxEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.vegaFlexElement);
+    this.checkboxUserInteractionObserver = new ChildNodesNotifyObserverSlimmer(CHECKBOX_USER_INTERACTION, () => {
+      this.userInteractionPending = true;
+    });
+    this.checkboxEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange, VegaUserChange], () => this.vegaFlexElement);
     this.changeEventEmitter = createEventEmitSlimmer(VegaCheckboxGroup, VegaChange);
+    this.userChangeEventEmitter = createEventEmitSlimmer(VegaCheckboxGroup, VegaUserChange);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.userInteractionPending = false;
     /**
      * Specifies the label or title for the checkbox group.
      *    It provides descriptive text that helps identify
@@ -512,9 +606,20 @@ const VegaCheckboxGroup = class {
       return inputArray;
     };
   }
-  async watchValue() {
+  async watchValue(newValue, oldValue) {
+    // Snapshot + unconditional clear so a no-op assignment cannot leak the
+    // flag into the next legitimate prop-driven update. Even when the
+    // array-equality guard early-returns below, the flag must already be cleared.
+    const wasUserInteraction = this.userInteractionPending;
+    this.userInteractionPending = false;
+    if (isArrayEqual(newValue, oldValue, /* ignoreOrder */ true)) {
+      return;
+    }
     this.initCheckboxArray();
     this.changeEventEmitter.emit(this.value);
+    if (wasUserInteraction) {
+      this.userChangeEventEmitter.emit(this.value);
+    }
     ChangeManager.notify(FORM_ELEMENT_VALUE_CHANGE, {
       host: this.host,
       detail: this.value,
@@ -533,6 +638,24 @@ const VegaCheckboxGroup = class {
     this.initCheckboxArray();
     this.notifyGroupDisabledChange();
   }
+  /**
+   * Check the value prop to avoid unnecessary updates when the new value
+   * is element-wise equal to the old value (same elements, different array reference).
+   *
+   * @param {unknown} newValue - The new prop value.
+   * @param {unknown} oldValue - The old prop value.
+   * @param {string} name - The property name.
+   * @returns {boolean} Return false to skip the current update flow.
+   */
+  componentShouldUpdate(newValue, oldValue, name) {
+    if (name === 'value' &&
+      Array.isArray(newValue) &&
+      Array.isArray(oldValue) &&
+      isArrayEqual(newValue, oldValue, /* ignoreOrder */ true)) {
+      return false;
+    }
+    return true;
+  }
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-checkbox-group-dark-change-background-color }
@@ -608,12 +731,18 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaCheckboxGroup.prototype, "checkboxValueChangeObserver", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCheckboxGroup.prototype, "checkboxUserInteractionObserver", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaCheckboxGroup.prototype, "checkboxEventPrevent", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaCheckboxGroup.prototype, "changeEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCheckboxGroup.prototype, "userChangeEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaCheckboxGroup.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);