@heartlandone/vega 2.81.0 → 2.83.0

package/dist/cjs/tinycolor-polyfill-502efaa8.js

@@ -0,0 +1,325 @@
+'use strict';
+
+/**
+ * TinyColor Polyfill - A lightweight color manipulation utility.
+ *
+ * This is a drop-in replacement for tinycolor2, implementing only the methods
+ * used in the Vega theme overriding system.
+ *
+ * @see VD-5026 - [Zero Dependencies] remove tinycolor2 dependency
+ */
+/**
+ * TinyColor polyfill class for color manipulation.
+ * Implements the same interface as tinycolor2.Instance for the methods used in Vega.
+ */
+class TinyColorPolyfill {
+  /**
+   * Create a new TinyColorPolyfill instance.
+   *
+   * @param {string | RgbaValue} color - The color to parse.
+   */
+  constructor(color) {
+    const rgba = TinyColorPolyfill.parseColor(color);
+    this._r = rgba.r;
+    this._g = rgba.g;
+    this._b = rgba.b;
+    this._a = rgba.a;
+  }
+  // ==================== Private Static Helper Methods ====================
+  /**
+   * Clamp a value between a minimum and maximum.
+   *
+   * @param {number} value - The value to clamp.
+   * @param {number} min - The minimum allowed value.
+   * @param {number} max - The maximum allowed value.
+   * @returns {number} The clamped value.
+   */
+  static clamp(value, min, max) {
+    return Math.min(Math.max(value, min), max);
+  }
+  /**
+   * Parse a color string or RGBA object into an RgbaValue.
+   *
+   * Supported formats:
+   * - Hex: #RGB, #RRGGBB, #RRGGBBAA
+   * - RGB: rgb(r, g, b)
+   * - RGBA: rgba(r, g, b, a)
+   * - Object: { r, g, b, a? }
+   *
+   * @param {string | RgbaValue} color - The color to parse.
+   * @returns {RgbaValue} The parsed RGBA value.
+   */
+  static parseColor(color) {
+    if (typeof color === 'object' && 'r' in color && 'g' in color && 'b' in color) {
+      return {
+        r: Math.round(TinyColorPolyfill.clamp(color.r, 0, 255)),
+        g: Math.round(TinyColorPolyfill.clamp(color.g, 0, 255)),
+        b: Math.round(TinyColorPolyfill.clamp(color.b, 0, 255)),
+        a: color.a !== undefined ? TinyColorPolyfill.clamp(color.a, 0, 1) : 1,
+      };
+    }
+    if (typeof color !== 'string') {
+      return { r: 0, g: 0, b: 0, a: 1 };
+    }
+    const trimmed = color.trim().toLowerCase();
+    // Hex format
+    if (trimmed.startsWith('#')) {
+      return TinyColorPolyfill.parseHex(trimmed);
+    }
+    // RGB/RGBA format
+    if (trimmed.startsWith('rgb')) {
+      return TinyColorPolyfill.parseRgbString(trimmed);
+    }
+    // Fallback to black for unsupported formats
+    return { r: 0, g: 0, b: 0, a: 1 };
+  }
+  /* eslint-disable spellcheck/spell-checker */
+  /**
+   * Parse a hex color string into RGBA values.
+   *
+   * @param {string} hex - The hex color string (e.g., "#fff", "#ffffff", "#ffffffff").
+   * @returns {RgbaValue} The parsed RGBA value.
+   */
+  static parseHex(hex) {
+    /* eslint-enable spellcheck/spell-checker */
+    // Remove the # prefix
+    let hexValue = hex.slice(1);
+    // Expand shorthand format (#RGB -> #RRGGBB)
+    if (hexValue.length === 3) {
+      hexValue = hexValue
+        .split('')
+        .map((c) => c + c)
+        .join('');
+    }
+    // Handle #RGBA shorthand
+    if (hexValue.length === 4) {
+      hexValue = hexValue
+        .split('')
+        .map((c) => c + c)
+        .join('');
+    }
+    const r = parseInt(hexValue.slice(0, 2), 16);
+    const g = parseInt(hexValue.slice(2, 4), 16);
+    const b = parseInt(hexValue.slice(4, 6), 16);
+    let a = 1;
+    // Handle #RRGGBBAA format
+    if (hexValue.length === 8) {
+      a = parseInt(hexValue.slice(6, 8), 16) / 255;
+    }
+    return {
+      r: Number.isNaN(r) ? 0 : r,
+      g: Number.isNaN(g) ? 0 : g,
+      b: Number.isNaN(b) ? 0 : b,
+      a: Number.isNaN(a) ? 1 : a,
+    };
+  }
+  /**
+   * Parse an RGB or RGBA string into RGBA values.
+   *
+   * @param {string} rgbString - The RGB/RGBA string (e.g., "rgb(255, 128, 0)" or "rgba(255, 128, 0, 0.5)").
+   * @returns {RgbaValue} The parsed RGBA value.
+   */
+  static parseRgbString(rgbString) {
+    // Match rgb(r, g, b) or rgba(r, g, b, a) with comma-separated integer values.
+    // Note: Does NOT support percentage values (e.g., rgb(100%, 50%, 0%)) or
+    // modern CSS space-separated syntax (e.g., rgb(255 128 0 / 0.5)).
+    const match = rgbString.match(/rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*(\d+\.?\d*))?\s*\)/);
+    if (!match) {
+      return { r: 0, g: 0, b: 0, a: 1 };
+    }
+    return {
+      r: TinyColorPolyfill.clamp(parseInt(match[1], 10), 0, 255),
+      g: TinyColorPolyfill.clamp(parseInt(match[2], 10), 0, 255),
+      b: TinyColorPolyfill.clamp(parseInt(match[3], 10), 0, 255),
+      a: match[4] !== undefined ? TinyColorPolyfill.clamp(parseFloat(match[4]), 0, 1) : 1,
+    };
+  }
+  /**
+   * Convert RGB to HSL.
+   *
+   * @param {number} r - Red (0-255).
+   * @param {number} g - Green (0-255).
+   * @param {number} b - Blue (0-255).
+   * @returns {HslValue} The HSL values (h: 0-360, s: 0-1, l: 0-1).
+   */
+  static rgbToHsl(r, g, b) {
+    r /= 255;
+    g /= 255;
+    b /= 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    const l = (max + min) / 2;
+    let h = 0;
+    let s = 0;
+    if (max !== min) {
+      const d = max - min;
+      s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+      switch (max) {
+        case r:
+          h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+          break;
+        case g:
+          h = ((b - r) / d + 2) / 6;
+          break;
+        case b:
+          h = ((r - g) / d + 4) / 6;
+          break;
+      }
+    }
+    return { h: h * 360, s, l };
+  }
+  /**
+   * Convert HSL to RGB.
+   *
+   * @param {number} h - Hue (0-360).
+   * @param {number} s - Saturation (0-1).
+   * @param {number} l - Lightness (0-1).
+   * @returns {RgbValue} The RGB values (0-255).
+   */
+  static hslToRgb(h, s, l) {
+    h /= 360;
+    let r;
+    let g;
+    let b;
+    if (s === 0) {
+      r = g = b = l;
+    }
+    else {
+      /**
+       * Helper function to convert hue to RGB component.
+       *
+       * @param {number} p - First intermediate value.
+       * @param {number} q - Second intermediate value.
+       * @param {number} t - Hue offset value.
+       * @returns {number} RGB component value (0-1).
+       */
+      const hue2rgb = (p, q, t) => {
+        if (t < 0)
+          t += 1;
+        if (t > 1)
+          t -= 1;
+        if (t < 1 / 6)
+          return p + (q - p) * 6 * t;
+        if (t < 1 / 2)
+          return q;
+        if (t < 2 / 3)
+          return p + (q - p) * (2 / 3 - t) * 6;
+        return p;
+      };
+      const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+      const p = 2 * l - q;
+      r = hue2rgb(p, q, h + 1 / 3);
+      g = hue2rgb(p, q, h);
+      b = hue2rgb(p, q, h - 1 / 3);
+    }
+    return {
+      r: Math.round(r * 255),
+      g: Math.round(g * 255),
+      b: Math.round(b * 255),
+    };
+  }
+  /**
+   * Calculate the perceived brightness of a color using the YIQ formula.
+   * This matches tinycolor2's brightness calculation.
+   *
+   * @param {number} r - Red (0-255).
+   * @param {number} g - Green (0-255).
+   * @param {number} b - Blue (0-255).
+   * @returns {number} Brightness value (0-255).
+   */
+  static getBrightness(r, g, b) {
+    return (r * 299 + g * 587 + b * 114) / 1000;
+  }
+  // ==================== Public Instance Methods ====================
+  /**
+   * Check if the color is dark (brightness < 128).
+   *
+   * @returns {boolean} True if the color is considered dark.
+   */
+  isDark() {
+    return TinyColorPolyfill.getBrightness(this._r, this._g, this._b) < 128;
+  }
+  /**
+   * Check if the color is light (brightness >= 128).
+   *
+   * @returns {boolean} True if the color is considered light.
+   */
+  isLight() {
+    return !this.isDark();
+  }
+  /**
+   * Create a copy of this color.
+   *
+   * @returns {TinyColorPolyfill} A new TinyColorPolyfill instance with the same values.
+   */
+  clone() {
+    const cloned = new TinyColorPolyfill({
+      r: this._r,
+      g: this._g,
+      b: this._b,
+      a: this._a,
+    });
+    return cloned;
+  }
+  /**
+   * Lighten the color by a given amount.
+   * Note: tinycolor2 accepts negative values to darken.
+   *
+   * @param {number} amount - The amount to lighten (0-100). Negative values darken.
+   * @returns {TinyColorPolyfill} This instance for chaining.
+   */
+  lighten(amount = 10) {
+    const hsl = TinyColorPolyfill.rgbToHsl(this._r, this._g, this._b);
+    hsl.l = TinyColorPolyfill.clamp(hsl.l + amount / 100, 0, 1);
+    const rgb = TinyColorPolyfill.hslToRgb(hsl.h, hsl.s, hsl.l);
+    this._r = rgb.r;
+    this._g = rgb.g;
+    this._b = rgb.b;
+    return this;
+  }
+  /**
+   * Darken the color by a given amount.
+   *
+   * @param {number} amount - The amount to darken (0-100).
+   * @returns {TinyColorPolyfill} This instance for chaining.
+   */
+  darken(amount = 10) {
+    return this.lighten(-amount);
+  }
+  /**
+   * Set the alpha (opacity) of the color.
+   *
+   * @param {number} alpha - The alpha value (0-1).
+   * @returns {TinyColorPolyfill} This instance for chaining.
+   */
+  setAlpha(alpha) {
+    this._a = TinyColorPolyfill.clamp(alpha, 0, 1);
+    return this;
+  }
+  /**
+   * Get the RGBA representation of the color.
+   *
+   * @returns {RgbaValue} The RGBA values.
+   */
+  toRgb() {
+    return {
+      r: this._r,
+      g: this._g,
+      b: this._b,
+      a: this._a,
+    };
+  }
+}
+/**
+ * Factory function to create a TinyColorPolyfill instance.
+ * This provides API compatibility with tinycolor2's default export.
+ *
+ * @param {string | RgbaValue} color - The color to parse.
+ * @returns {TinyColorPolyfill} A new TinyColorPolyfill instance.
+ */
+function tinycolor(color) {
+  return new TinyColorPolyfill(color);
+}
+
+exports.TinyColorPolyfill = TinyColorPolyfill;
+exports.tinycolor = tinycolor;

package/dist/cjs/{token-extension-addc97c1.js → token-extension-361273fb.js}

@@ -7,21 +7,21 @@ const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtim
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-cc0f511c.js');
-const internalTranslationController = require('./internal-translation-controller-9f58a4e4.js');
-const contentState = require('./content-state-0f26036c.js');
-const codeBlock = require('./code-block-24b3d0e7.js');
-const typeGuard = require('./type-guard-362d7da3.js');
-const dtoRendererManager = require('./dto-renderer-manager-ae5fcbba.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-fef893bf.js');
+const internalTranslationController = require('./internal-translation-controller-fb1532f4.js');
+const contentState = require('./content-state-648652b4.js');
+const codeBlock = require('./code-block-b1f8aded.js');
+const typeGuard = require('./type-guard-3ec852d7.js');
+const dtoRendererManager = require('./dto-renderer-manager-7eb5c5ce.js');
 const baseRenderer = require('./base-renderer-0a3b62b7.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const splitCellOperation = require('./split-cell-operation-3596f738.js');
+const splitCellOperation = require('./split-cell-operation-bb388de6.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
-const darkModeStyleController = require('./dark-mode-style-controller-3a04af3d.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
+const darkModeStyleController = require('./dark-mode-style-controller-bd765afb.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 const pixel = require('./pixel-98f2a10c.js');
 const object = require('./object-b53e9416.js');
@@ -1232,12 +1232,26 @@ class VegaRTEExtension {
   static registerFilterStylesStrategy(blockOrNodeClassName, strategy) {
     codeBlock.RTEFilterStylesStrategyRegistry.register(blockOrNodeClassName, strategy);
   }
+  /**
+   * Lifecycle hook called by the rich text editor before the first render
+   * (during `componentWillLoad`).  Override this method to perform per-host
+   * pre-render setup — for example, registering a host-specific toolbar button
+   * renderer via {@link registerToolbarButtonRenderer} so that each editor on
+   * the page gets its own isolated renderer instance.
+   *
+   * The default implementation is a no-op; subclasses may override selectively.
+   *
+   * @typedef HTMLVegaRichTextEditorElement - The type of the host rich text editor element.
+   * @param {HTMLVegaRichTextEditorElement} host - The host rich text editor element that is about to load.
+   */
+  prepareBeforeLoad(host) {
+  }
   /**
    * Initializes the RTE extension with the provided context.
    *
    * @param {RTEExtensionContext} context - The context of the RTE extension.
    */
-  initialExtension(context) {
+  initialExtensionAfterLoad(context) {
     this.extensionContext = context;
     RTEExtensionContextManager$1.setExtensionContext(context);
   }
@@ -1285,12 +1299,22 @@ class VegaRTEExtension {
   }
   /**
    * Register a toolbar button renderer for the extension.
+   * When a `host` element is provided the renderer is registered in the per-host map
+   * (via {@link RTEDTORendererManager#registerRTEToolbarButtonRendererForHost}), giving
+   * that host an isolated renderer instance that takes precedence over the global singleton.
+   * Omit `host` to fall back to the global registration (backwards-compatible default).
    *
    * @param {string} type - The type of the toolbar button.
    * @param {VegaRTEToolbarButtonRenderer} renderer - The renderer to register.
+   * @param {HTMLVegaRichTextEditorElement} [host] - Optional host element for per-host isolation.
    */
-  registerToolbarButtonRenderer(type, renderer) {
-    dtoRendererManager.RTEDTORendererManager.registerRTEToolbarButtonRenderer(type, renderer);
+  registerToolbarButtonRenderer(type, renderer, host) {
+    if (host) {
+      dtoRendererManager.RTEDTORendererManager.registerRTEToolbarButtonRendererForHost(host, type, renderer);
+    }
+    else {
+      dtoRendererManager.RTEDTORendererManager.registerRTEToolbarButtonRenderer(type, renderer);
+    }
   }
   /**
    * This is a helper method that utilizes RTEUtils to register common strategies.
@@ -1777,30 +1801,41 @@ class RTETokenNodeRenderer extends VegaRTEExtensionRenderer {
 
 /**
  * Toolbar button renderer for language selection in Vega Rich Text Editor.
+ *
+ * Each {@link HTMLVegaRichTextEditorElement} that uses a language extension receives its
+ * **own** instance of this renderer, registered in the per-host map inside
+ * {@link RTEDTORendererManager} via {@link VegaRTEExtension#prepareBeforeLoad}.  Because
+ * every editor has a dedicated renderer, all state (label DOM ref, selected language, and
+ * the language-change callback) is held in plain instance fields — no WeakMaps or shared
+ * singletons are required.
  */
 class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
-  constructor(languageList, languageChangeCallback, selectedLanguage) {
+  constructor(languageList, languageChangeCallback, selectedLanguage = '') {
     super();
     this.languageList = [];
-    this.selectedLanguage = 'Select Language';
+    this.languageChangeCallback = null;
+    this.selectedLanguage = '';
     this.labelRef = null;
     /**
      * Handles the language selection event.
+     * Because each editor has its own renderer instance, the language-change callback
+     * is stored directly on this instance — no indirect context lookup is needed.
      *
      * @param {string} itemKey - The key of the selected language item.
      */
     this.handleDropdownClick = (itemKey) => {
       this.setSelectedLanguage(itemKey);
       if (typeof this.languageChangeCallback === 'function') {
-        this.languageChangeCallback(this.selectedLanguage);
+        this.languageChangeCallback(itemKey);
       }
     };
     this.languageList = languageList;
-    this.selectedLanguage = selectedLanguage;
     this.languageChangeCallback = languageChangeCallback;
+    this.selectedLanguage = selectedLanguage;
   }
   /**
-   * Public method to set the selected language.
+   * Updates the selected language and refreshes the button label text in-place,
+   * without requiring a full re-render of the toolbar.
    *
    * @param {string} language The language key to set as selected.
    */
@@ -1830,7 +1865,8 @@ class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
     ]);
   }
   /**
-   * Override to render the button label with custom behavior.
+   * Override to capture the rendered label element ref so that
+   * {@link setSelectedLanguage} can update the button text without a full re-render.
    *
    * @inheritDoc
    */
@@ -1840,7 +1876,9 @@ class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
       variant: 'font-field-label-sm',
       color: isDisabled ? 'text-disabled' : 'text-primary',
       // eslint-disable-next-line jsdoc/require-jsdoc
-      ref: (el) => (this.labelRef = el),
+      ref: (el) => {
+        this.labelRef = el;
+      },
     }, label);
   }
   /* istanbul ignore next */
@@ -1858,8 +1896,9 @@ class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
    * @returns {string} The label of the language, or the key if not found.
    */
   getLanguageLabelByKey(key) {
+    var _a;
     const language = this.getListItemByKey(this.languageList, key);
-    return language.label;
+    return (_a = language === null || language === void 0 ? void 0 : language.label) !== null && _a !== void 0 ? _a : 'Select Language';
   }
 }
 
@@ -1870,6 +1909,7 @@ class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
 class VegaRTELanguageExtension extends VegaRTEExtension {
   constructor(languageList, languagesState) {
     super();
+    this.languageToolbarButtonRenderer = null;
     this.languageState = {
       selectedLanguage: '',
       contentMap: {},
@@ -1887,24 +1927,39 @@ class VegaRTELanguageExtension extends VegaRTEExtension {
       this.languageState.selectedLanguage = selectedLanguage;
       this.applyLanguageContent(selectedLanguage, this.languageState.contentMap);
     };
+    this.languageList = languageList;
     if (languagesState) {
       this.languageState = Object.assign(Object.assign({}, this.languageState), languagesState);
     }
     if (!this.languageState.selectedLanguage && languageList.length > 0) {
       this.languageState.selectedLanguage = languageList[0].key;
     }
-    this.languageToolbarButtonRenderer = new RTELanguageToolbarButtonRenderer(languageList, this.languageChangeCallBack, this.languageState.selectedLanguage);
-    this.registerToolbarButtonRenderer('languages', this.languageToolbarButtonRenderer);
+  }
+  /**
+   * Called by the rich text editor during `componentWillLoad` (before the first render).
+   * Creates a fresh {@link RTELanguageToolbarButtonRenderer} instance dedicated to this
+   * host element and registers it in the per-host map inside {@link RTEDTORendererManager}.
+   * This ensures that each editor on the page has its own isolated renderer — no shared
+   * singleton state, no WeakMap indirection.
+   *
+   * @typedef HTMLVegaRichTextEditorElement - The type of the host rich text editor element.
+   * @param {HTMLVegaRichTextEditorElement} host - The host rich text editor element.
+   */
+  prepareBeforeLoad(host) {
+    this.languageToolbarButtonRenderer = new RTELanguageToolbarButtonRenderer(this.languageList, this.languageChangeCallBack, this.languageState.selectedLanguage);
+    this.registerToolbarButtonRenderer('languages', this.languageToolbarButtonRenderer, host);
   }
   /**
    * Initializes the language extension.
-   * Applies the content for the selected language upon initialization.
    *
    * @param {RTEExtensionContext} context The extension context.
    */
-  initialExtension(context) {
-    super.initialExtension(context);
+  initialExtensionAfterLoad(context) {
+    super.initialExtensionAfterLoad(context);
     const { selectedLanguage, contentMap } = this.languageState;
+    if (this.languageToolbarButtonRenderer) {
+      this.languageToolbarButtonRenderer.setSelectedLanguage(selectedLanguage);
+    }
     if (contentMap && contentMap[selectedLanguage]) {
       this.applyLanguageContent(this.languageState.selectedLanguage, this.languageState.contentMap);
     }
@@ -1916,7 +1971,9 @@ class VegaRTELanguageExtension extends VegaRTEExtension {
    */
   setState(state) {
     const { selectedLanguage, contentMap } = state;
-    this.languageToolbarButtonRenderer.setSelectedLanguage(selectedLanguage);
+    if (this.languageToolbarButtonRenderer) {
+      this.languageToolbarButtonRenderer.setSelectedLanguage(selectedLanguage);
+    }
     this.languageState.selectedLanguage = selectedLanguage;
     this.languageState.contentMap = Object.assign({}, contentMap);
     this.applyLanguageContent(selectedLanguage, contentMap);
@@ -7415,10 +7472,10 @@ class VegaRTETableExtension extends VegaRTEExtension {
    *
    * @param {RTEExtensionContext} context - extension context
    */
-  initialExtension(context) {
+  initialExtensionAfterLoad(context) {
     this.tableSelection.init(context);
     const tableExtensionContext = Object.assign(Object.assign({}, context), { tableSelection: this.tableSelection });
-    super.initialExtension(tableExtensionContext);
+    super.initialExtensionAfterLoad(tableExtensionContext);
   }
   /**
    * @inheritDoc

package/dist/cjs/{translation-slimmer-c069ca84.js → translation-slimmer-d0c77ad2.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const internalTranslationController = require('./internal-translation-controller-9f58a4e4.js');
+const internalTranslationController = require('./internal-translation-controller-fb1532f4.js');
 
 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/cjs/{type-guard-362d7da3.js → type-guard-3ec852d7.js}

@@ -3,7 +3,7 @@
 const breakpoints = require('./breakpoints-ebde4837.js');
 const ui = require('./ui-32120990.js');
 const typography = require('./typography-4560e7f1.js');
-const internalTranslationController = require('./internal-translation-controller-9f58a4e4.js');
+const internalTranslationController = require('./internal-translation-controller-fb1532f4.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 
 const GridRowsRegex = new RegExp(/^([1-9]|1[0-2])(-auto)?$/);
@@ -1977,6 +1977,32 @@ const isDirectionalMarginType = (input) => {
     Object.keys(input).every(isSpacingDirection) &&
     Object.values(input).every(isMarginValueType));
 };
+/**
+ * Validates if the input is of type SizeType, which can be either a number or a string in the format of `${number}%`.
+ *
+ * @param {unknown} input - The value to check.
+ * @returns {boolean} indicating if the input is type of {@link SizeType}
+ */
+const isSizeType = (input) => {
+  if (typeof input === 'number')
+    return true;
+  if (typeof input !== 'string' || !input)
+    return false;
+  return !isNaN(Number(input)) || /^(\d+(?:\.\d+)?)%$/.test(input);
+};
+/**
+ * Validates if the input is of type SizeType or an object with breakpoint keys and SizeType values.
+ *
+ * @param {unknown} input - The value to check.
+ * @returns {boolean} indicating if the input is type of {@link ResponsiveType<SizeType>}
+ */
+const isResponsiveSizeType = (input) => {
+  return (!!input &&
+    (isSizeType(input) ||
+      (typeof input === 'object' &&
+        Object.keys(input).every(isBreakpointsTokenType) &&
+        Object.values(input).every(isSizeType))));
+};
 
 exports.AmexRegex = AmexRegex;
 exports.BackgroundColorMap = BackgroundColorMap;
@@ -2043,6 +2069,7 @@ exports.isGridJustifyItemsType = isGridJustifyItemsType;
 exports.isGridRowsType = isGridRowsType;
 exports.isMarginValueType = isMarginValueType;
 exports.isNonNullable = isNonNullable;
+exports.isResponsiveSizeType = isResponsiveSizeType;
 exports.isResponsiveType = isResponsiveType;
 exports.isSelectSourceItemType = isSelectSourceItemType;
 exports.isShadowsTokenType = isShadowsTokenType;

package/dist/cjs/{valid-credit-card-number-rule-1d8bf49c.js → valid-credit-card-number-rule-99d1bb34.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const typeGuard = require('./type-guard-362d7da3.js');
+const typeGuard = require('./type-guard-3ec852d7.js');
 const number = require('./number-4816603d.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 

package/dist/cjs/vega-accordion.cjs.entry.js

@@ -7,7 +7,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-40276b11.js');
+const designToken = require('./design-token-93070bb8.js');
 const ui = require('./ui-ae4ee13d.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
@@ -17,10 +17,10 @@ const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
-const typeGuard = require('./type-guard-362d7da3.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-bee6b676.js');
+const typeGuard = require('./type-guard-3ec852d7.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-bcb458b2.js');
 require('./breakpoints-ebde4837.js');
-require('./responsive-format-facade-9cae7f27.js');
+require('./responsive-format-facade-2cab7344.js');
 require('./ui-32120990.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');
@@ -29,12 +29,13 @@ require('./array-249289f2.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
 require('./typography-4560e7f1.js');
+require('./state-border-formatter-4e5e4ed0.js');
 require('./icon-manager-c12c6ea9.js');
 require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
-require('./internal-translation-controller-9f58a4e4.js');
-require('./internal-vega-event-manager-cc0f511c.js');
+require('./internal-translation-controller-fb1532f4.js');
+require('./internal-vega-event-manager-fef893bf.js');
 require('./try-get-document-c0ebd39a.js');
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {