@telesign/boreal-web-components 0.1.0-alpha.3 → 0.1.0-alpha.5

package/dist/cjs/boreal-web-components.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BcSjvXJk.js');
+var index = require('./index-CwYIVC9N.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
@@ -40,7 +40,7 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["bds-text-field.cjs",[[836,"bds-text-field",{"name":[513],"disabled":[516],"required":[516],"value":[1537],"error":[516],"errorMessage":[1,"error-message"],"customValidators":[16],"validationTiming":[1,"validation-timing"],"type":[513],"variant":[513],"placeholder":[1],"readOnly":[4,"readonly"],"autocomplete":[1],"pattern":[1],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"label":[1],"sublabel":[1],"icon":[1],"helperText":[1,"helper-text"],"info":[1],"clearable":[4],"clearOnHover":[4,"clear-on-hover"],"charCount":[2,"char-count"],"counter":[4],"customWidth":[1,"custom-width"],"isDisabled":[32],"focused":[32],"showPassword":[32],"touched":[32],"dirty":[32],"currentCharCount":[32],"validationError":[32],"validationMessage":[32],"checkValidity":[64],"reportValidity":[64]},null,{"disabled":[{"onDisabledChange":0}],"type":[{"checkPropValues":0}],"variant":[{"checkPropValues":0}],"validationTiming":[{"checkPropValues":0}],"customValidators":[{"onCustomValidatorsChange":0}],"value":[{"onValueChange":0}]}]]],["bds-dialog.cjs",[[772,"bds-dialog",{"active":[1540],"preventClose":[4,"prevent-close"],"height":[1],"width":[1],"layout":[1],"contentPadding":[1,"content-padding"],"backdropClose":[4,"backdrop-close"],"escapeClose":[4,"escape-close"],"size":[1],"variant":[1],"titleDialog":[1,"title-dialog"],"maximizable":[4],"closable":[4],"open":[64],"close":[64]},null,{"active":[{"handleIsOpenChange":0}]}]]],["bds-popover.cjs",[[772,"bds-popover",{"floatingOptions":[16],"disabled":[4],"width":[8],"header":[4],"footer":[4],"closable":[4],"isVisible":[32]}]]],["bds-banner.cjs",[[260,"bds-banner",{"variant":[1],"closable":[4],"closeButtonLabel":[1,"close-button-label"],"isClosing":[32],"isOpen":[32],"closeBanner":[64]}]]],["bds-checkbox.cjs",[[836,"bds-checkbox",{"name":[513],"disabled":[516],"required":[516],"checked":[1540],"indeterminate":[1540],"error":[516],"value":[1],"label":[1],"isDisabled":[32]},null,{"checked":[{"onCheckedChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["bds-flag.cjs",[[0,"bds-flag",{"alignFlag":[1,"align-flag"],"callSign":[4,"call-sign"],"country":[1],"customFlags":[16],"identifier":[1],"label":[4],"shape":[1],"shortName":[4,"short-name"]},null,{"alignFlag":[{"checkPropValues":0}],"identifier":[{"checkPropValues":0}],"shape":[{"checkPropValues":0}]}]]],["bds-spinner.cjs",[[0,"bds-spinner",{"size":[1],"label":[1]},null,{"size":[{"checkPropValues":0}]}]]],["bds-typography.cjs",[[260,"bds-typography",{"variant":[513],"size":[513],"state":[513],"customClass":[1,"custom-class"],"element":[1],"align":[1],"ellipsis":[4],"maxLines":[2,"max-lines"],"tooltipText":[1,"tooltip-text"],"isRequired":[516,"is-required"],"htmlFor":[1,"html-for"],"href":[1],"target":[1],"isDownloadable":[4,"is-downloadable"],"filename":[1],"sanitizedHref":[32]},null,{"href":[{"updateSanitizedHref":0}]}]]],["bds-button.cjs",[[324,"bds-button",{"label":[1],"disabled":[4],"name":[1],"type":[1],"color":[1],"variant":[1],"size":[1],"loading":[4],"disclosure":[4],"currentState":[32]},null,{"type":[{"checkPropValues":0}],"color":[{"checkPropValues":0}],"variant":[{"checkPropValues":0}],"size":[{"checkPropValues":0}]}]]],["bds-tooltip.cjs",[[772,"bds-tooltip",{"multiline":[4],"disabled":[4],"floatingOptions":[16],"isVisible":[32]}]]]], options);
+  return index.bootstrapLazy([["bds-list-menu-item.cjs",[[772,"bds-list-menu-item",{"variant":[513],"name":[1],"disabled":[516],"selected":[1540],"value":[513],"checkable":[516],"activeItem":[516,"active-item"],"href":[1],"newTab":[4,"new-tab"],"download":[1],"currentState":[32]},null,{"variant":[{"checkPropsVariant":0}]}]]],["bds-radio-group.cjs",[[836,"bds-radio-group",{"disabled":[516],"error":[516],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"],"info":[1],"label":[1],"name":[513],"orientation":[513],"required":[516],"type":[513],"value":[1025],"isDisabled":[32],"isInvalid":[32],"checkValidity":[64],"reportValidity":[64]},[[0,"bdsChange","handleRadioChange"],[0,"invalid","handleInvalid"]],{"orientation":[{"checkPropValues":0}],"disabled":[{"onDisabledChange":0}],"error":[{"onErrorChange":0}],"value":[{"onValueChange":0}]}]]],["bds-radio-card.cjs",[[260,"bds-radio-card",{"value":[513],"info":[1],"name":[1],"label":[1],"checked":[1540],"disabled":[516],"error":[516]}]]],["bds-text-field.cjs",[[836,"bds-text-field",{"name":[513],"disabled":[516],"required":[516],"value":[1537],"error":[516],"errorMessage":[1,"error-message"],"customValidators":[16],"validationTiming":[1,"validation-timing"],"type":[513],"variant":[513],"placeholder":[1],"readOnly":[4,"readonly"],"autocomplete":[1],"pattern":[1],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"label":[1],"sublabel":[1],"icon":[1],"helperText":[1,"helper-text"],"info":[1],"clearable":[4],"clearOnHover":[4,"clear-on-hover"],"charCount":[2,"char-count"],"counter":[4],"customWidth":[1,"custom-width"],"isDisabled":[32],"focused":[32],"showPassword":[32],"touched":[32],"dirty":[32],"currentCharCount":[32],"validationError":[32],"validationMessage":[32],"checkValidity":[64],"reportValidity":[64]},null,{"disabled":[{"onDisabledChange":0}],"type":[{"checkPropValues":0}],"variant":[{"checkPropValues":0}],"validationTiming":[{"checkPropValues":0}],"customValidators":[{"onCustomValidatorsChange":0}],"value":[{"onValueChange":0}]}]]],["bds-toggle.cjs",[[576,"bds-toggle",{"name":[513],"disabled":[516],"required":[516],"info":[1],"error":[516],"errorMessage":[513,"error-message"],"checked":[516],"placement":[513],"label":[513],"helperText":[513,"helper-text"],"value":[1],"isDisabled":[32],"validationError":[32],"validationMessage":[32],"isChecked":[32]},null,{"checked":[{"onCheckedChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["bds-checkbox-card.cjs",[[836,"bds-checkbox-card",{"name":[513],"disabled":[516],"required":[516],"value":[513],"label":[1],"checked":[1540],"indeterminate":[1540],"error":[516],"isDisabled":[32],"isIndeterminate":[32],"isChecked":[32]},null,{"disabled":[{"onDisabledChange":0}],"indeterminate":[{"onIndeterminateChange":0}],"checked":[{"onCheckedChange":0}]}]]],["bds-dialog.cjs",[[772,"bds-dialog",{"active":[1540],"preventClose":[4,"prevent-close"],"height":[1],"width":[1],"layout":[1],"contentPadding":[1,"content-padding"],"backdropClose":[4,"backdrop-close"],"escapeClose":[4,"escape-close"],"size":[1],"variant":[1],"titleDialog":[1,"title-dialog"],"maximizable":[4],"closable":[4],"open":[64],"close":[64]},null,{"active":[{"handleIsOpenChange":0}]}]]],["bds-list-menu.cjs",[[260,"bds-list-menu",{"selectionMode":[1,"selection-mode"],"menuRole":[1,"menu-role"],"selectControls":[4,"select-controls"],"selectedValues":[32],"getSelectedValues":[64],"setSelectedValues":[64]},[[0,"bdsSelectItem","handleItemClick"]],{"selectionMode":[{"checkProps":0}],"menuRole":[{"checkProps":0}]}]]],["bds-popover.cjs",[[772,"bds-popover",{"floatingOptions":[16],"disabled":[4],"width":[8],"header":[4],"footer":[4],"closable":[4],"isVisible":[32]}]]],["bds-radio.cjs",[[260,"bds-radio",{"checked":[1540],"disabled":[516],"value":[1],"name":[513],"label":[1],"error":[516],"info":[1]}]]],["bds-radio-button.cjs",[[260,"bds-radio-button",{"checked":[1540],"disabled":[516],"error":[516],"value":[1],"name":[513],"label":[1],"info":[1]}]]],["bds-avatar.cjs",[[0,"bds-avatar",{"username":[1],"variant":[1],"background":[1],"initialsColor":[1,"initials-color"]}]]],["bds-badge.cjs",[[260,"bds-badge",{"variant":[1],"disabled":[4]},null,{"variant":[{"checkPropValues":0}]}]]],["bds-banner.cjs",[[260,"bds-banner",{"variant":[1],"closable":[4],"closeButtonLabel":[1,"close-button-label"],"isClosing":[32],"isOpen":[32],"open":[64],"close":[64]}]]],["bds-button-group.cjs",[[260,"bds-button-group",{"size":[1],"orientation":[1],"label":[1],"color":[1],"variant":[1]},null,{"size":[{"validateProps":0},{"propagatePropsToButtons":0}],"orientation":[{"validateProps":0}],"color":[{"validateProps":0},{"propagatePropsToButtons":0}],"variant":[{"validateProps":0},{"propagatePropsToButtons":0}]}]]],["bds-flag.cjs",[[0,"bds-flag",{"alignFlag":[1,"align-flag"],"callSign":[4,"call-sign"],"country":[1],"customFlags":[16],"identifier":[1],"label":[4],"shape":[1],"shortName":[4,"short-name"]},null,{"alignFlag":[{"checkPropValues":0}],"identifier":[{"checkPropValues":0}],"shape":[{"checkPropValues":0}]}]]],["bds-grid.cjs",[[260,"bds-grid",{"layout":[1],"rowGap":[1,"row-gap"]},null,{"layout":[{"checkPropValues":0}]}]]],["bds-grid-item.cjs",[[260,"bds-grid-item",{"colSpan":[520,"col-span"],"colSpanSm":[520,"col-span-sm"],"colSpanMd":[520,"col-span-md"],"colSpanLg":[520,"col-span-lg"],"colSpanXl":[520,"col-span-xl"],"colSpan2xl":[520,"col-span-2xl"],"rowSpan":[520,"row-span"],"offset":[514]},null,{"colSpan":[{"checkPropValues":0}],"colSpanSm":[{"checkPropValues":0}],"colSpanMd":[{"checkPropValues":0}],"colSpanLg":[{"checkPropValues":0}],"colSpanXl":[{"checkPropValues":0}],"colSpan2xl":[{"checkPropValues":0}],"rowSpan":[{"checkPropValues":0}],"offset":[{"checkPropValues":0}]}]]],["bds-spinner.cjs",[[0,"bds-spinner",{"size":[1],"label":[1]},null,{"size":[{"checkPropValues":0}]}]]],["bds-status.cjs",[[260,"bds-status",{"state":[1],"indicator":[1]},null,{"state":[{"checkPropValues":0}],"indicator":[{"checkPropValues":0}]}]]],["bds-tag.cjs",[[260,"bds-tag",{"multiselect":[4],"selected":[4],"closeButtonLabel":[1,"close-button-label"],"color":[1],"readonly":[4],"disabled":[4],"internalSelected":[32]},null,{"color":[{"checkPropValues":0}],"selected":[{"syncSelectedFromProp":0}]}]]],["bds-divider.cjs",[[0,"bds-divider",{"orientation":[513]},null,{"orientation":[{"checkPropValues":0}]}]]],["bds-checkbox.cjs",[[836,"bds-checkbox",{"name":[513],"disabled":[516],"required":[516],"checked":[1540],"indeterminate":[1540],"error":[516],"value":[1],"label":[1],"isDisabled":[32]},null,{"checked":[{"onCheckedChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["bds-button.cjs",[[324,"bds-button",{"label":[1],"disabled":[4],"name":[1],"type":[1],"color":[1],"variant":[1],"size":[1],"loading":[4],"disclosure":[4],"currentState":[32]},null,{"type":[{"checkPropValues":0}],"color":[{"checkPropValues":0}],"variant":[{"checkPropValues":0}],"size":[{"checkPropValues":0}]}]]],["bds-tooltip_2.cjs",[[260,"bds-typography",{"variant":[513],"size":[513],"state":[513],"customClass":[1,"custom-class"],"element":[1],"align":[1],"ellipsis":[4],"maxLines":[2,"max-lines"],"tooltipText":[1,"tooltip-text"],"required":[516],"htmlFor":[1,"html-for"],"href":[1],"target":[1],"downloadable":[4],"filename":[1],"sanitizedHref":[32]},null,{"href":[{"updateSanitizedHref":0}]}],[772,"bds-tooltip",{"multiline":[4],"disabled":[4],"floatingOptions":[16],"isVisible":[32]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/coreColors-CQGojc0l.js

@@ -0,0 +1,10 @@
+'use strict';
+
+const CORE_COLORS = {
+    DEFAULT: 'default',
+    PRIMARY: 'primary',
+    SUCCESS: 'success',
+    ERROR: 'error',
+};
+
+exports.CORE_COLORS = CORE_COLORS;

package/dist/cjs/{enum-DLblRCkQ.js → enum-DeTWfR0D.js}

@@ -6,9 +6,9 @@ const BUTTON_VARIANTS = {
     PLAIN: 'plain',
 };
 const BUTTON_SIZES = {
-    SMALL: 'small',
-    MEDIUM: 'medium',
-    LARGE: 'large',
+    SMALL: 'sm',
+    MEDIUM: 'md',
+    LARGE: 'lg',
 };
 const BUTTON_TYPES = {
     BUTTON: 'button',

package/dist/cjs/form-associated.mixin-BCR6bj29.js

@@ -0,0 +1,33 @@
+'use strict';
+
+/**
+ * Shared base mixin for Form-Associated Custom Elements in Boreal DS.
+ *
+ * Provides `formDisabledCallback` — the only behavior that is identical across
+ * all FACE components. It writes to the component's `isDisabled` state, which
+ * each component must declare as `@State() private isDisabled: boolean = false`.
+ *
+ * Each component must declare directly on its class body:
+ * - `@AttachInternals() internals!: ElementInternals`
+ * - `@Prop({ reflect: true }) readonly name!: string`
+ * - `@Prop({ reflect: true }) readonly disabled: boolean = false`
+ * - `@Prop({ reflect: true }) readonly required: boolean = false`
+ * - `@State() private isDisabled: boolean = false`
+ * - `@Watch('disabled') onDisabledChange(next: boolean) { this.isDisabled = next; }`
+ *
+ * Stencil's compiler requires `@Prop` and `@State` decorators to be statically
+ * visible on the component class — they cannot be inherited from a mixin.
+ *
+ * Components must also implement `IFormControl<T>` for value registration,
+ * reset, state restoration, and 2-way binding event emission.
+ */
+const formAssociatedMixin = (Base) => {
+    class FormAssociated extends Base {
+        formDisabledCallback(disabled) {
+            this.isDisabled = disabled;
+        }
+    }
+    return FormAssociated;
+};
+
+exports.formAssociatedMixin = formAssociatedMixin;

package/dist/cjs/{anchored.mixin-CnIwkaUi.js → getOffset-k4ezB-eT.js}

@@ -1,6 +1,17 @@
 'use strict';
 
+var Logger = require('./Logger-DnziItRH.js');
 var floating_mixin = require('./floating.mixin-Bje4320w.js');
+var Keys = require('./Keys-rKl2za5q.js');
+
+/**
+ * Centralize list of events to add listeners to the component.
+ * Add Native or Custom events to the `EVENTS` object.
+ * This prevent typing errors when using the event name in the component, creating listeners, etc.
+ */
+const EVENTS = {
+    Focus: 'focus',
+    Blur: 'blur'};
 
 /**
  * Custom positioning reference element.
@@ -1618,54 +1629,6 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-/**
- * Default implementation of the logger service.
- * This class is responsible for logging errors, warnings and messages to the DevTools console.
- */
-class Logger {
-    /**
-     * Throw a normalized error with the component name and the message.
-     * @param component Is the name of the component that is throwing the error.
-     * @param message Is the message of the error.
-     * @throws Error with the component name and the message.
-     * @example
-     * const logger = new Logger();
-     * logger.error('MyComponent', 'This is an error');
-     * // Throws an error with the message "[MyComponent]: This is an error"
-     */
-    error(component, message) {
-        throw new Error(`[${component}]: ${message}`);
-    }
-    /**
-     * Log a warning with the component name and the message.
-     * @param component Is the name of the component that is throwing the warning.
-     * @param message Is the message of the warning.
-     * @example
-     * const logger = new Logger();
-     * logger.warn('MyComponent', 'This is a warning');
-     * // Logs a warning with the message "[MyComponent]: This is a warning"
-     */
-    warn(component, message) {
-        console.warn(`[${component}]: ${message}`);
-    }
-    /**
-     * Log a message with the component name and the message.
-     * @param component Is the name of the component that is logging the message.
-     * @param message Is the message of the message.
-     * @example
-     * const logger = new Logger();
-     * logger.log('MyComponent', 'This is a message');
-     * // Logs a message with the message "[MyComponent]: This is a message"
-     * @example
-     * const logger = new Logger();
-     * logger.log('MyComponent', 'This is a message');
-     * // Logs a message with the message "[MyComponent]: This is a message"
-     */
-    log(component, message) {
-        console.log(`[${component}]: ${message}`);
-    }
-}
-
 class FloatingAdapter {
     /**
      * Constructor of the adapter.
@@ -1692,7 +1655,7 @@ class FloatingAdapter {
             middleware.push(flip());
         if (enableShift)
             middleware.push(shift());
-        if (arrowElement !== undefined || arrowElement !== null)
+        if (arrowElement !== undefined && arrowElement !== null)
             middleware.push(arrow({ element: arrowElement }));
         const result = await computePosition(reference, floating, {
             placement,
@@ -1731,33 +1694,11 @@ class FloatingAdapter {
  */
 class PositioningEngine extends FloatingAdapter {
     constructor() {
-        const logger = new Logger();
+        const logger = new Logger.Logger();
         super(logger);
     }
 }
 
-/**
- * Centralize list of events to add listeners to the component.
- * Add Native or Custom events to the `EVENTS` object.
- * This prevent typing errors when using the event name in the component, creating listeners, etc.
- */
-const EVENTS = {
-    Focus: 'focus',
-    Blur: 'blur'};
-
-/**
- * Default keyboard keys.
- * Add more keys to the `KEYBOARD` object to add more keyboard shortcuts.
- * This prevents key name typing errors and provides a centralized definition of the keys available for implementation.
- * Can use this page to find the keycodes: https://keycode.info/
- */
-const KEYBOARD = {
-    Enter: {
-        key: 'Enter'},
-    Escape: {
-        key: 'Escape'},
-};
-
 /**
  * Positioning and trigger mixin for anchor-based floating elements.
  *
@@ -1875,6 +1816,16 @@ const anchoredMixin = (Base) => {
             }
             return super.onBeforeShow(target);
         }
+        /**
+         * Hides the focus from the floating element.
+         * This is necessary to prevent the focus from being trapped inside the floating element.
+         */
+        hideFocus() {
+            const focusedInside = this.floatingContent?.contains(document.activeElement);
+            if (focusedInside) {
+                document.activeElement?.blur();
+            }
+        }
         /**
          * Hides the floating element using the Popover API
          * and stops position auto-update.
@@ -1883,6 +1834,7 @@ const anchoredMixin = (Base) => {
          */
         hideElement() {
             this.stopAutoUpdate();
+            this.hideFocus();
             this.floatingContent?.hidePopover();
             this.isVisible = false;
         }
@@ -1914,9 +1866,9 @@ const anchoredMixin = (Base) => {
          * @param hideFn - Bound hide function
          */
         handleKeydown(e, showFn, hideFn) {
-            if (e.key === KEYBOARD.Enter.key || e.key === ' ')
+            if (e.key === Keys.KEYBOARD.Enter || e.key === Keys.KEYBOARD.Space)
                 showFn();
-            if (e.key === KEYBOARD.Escape.key)
+            if (e.key === Keys.KEYBOARD.Escape)
                 hideFn();
         }
         /**
@@ -2011,7 +1963,9 @@ const anchoredMixin = (Base) => {
             const parent = this.el.parentElement;
             if (parent === null)
                 return;
-            const trigger = parent.querySelector('[bds-tooltip], [bds-popover]') || parent;
+            const trigger = parent.querySelector('[bds-tooltip], [bds-popover]') ||
+                parent.closest('.bds-button, .bds-input, .bds-select') ||
+                parent;
             if (trigger.isConnected) {
                 this.triggerSlot = trigger;
                 this.subscribeToTrigger(trigger);
@@ -2033,7 +1987,7 @@ const anchoredMixin = (Base) => {
             this.show = this.show.bind(this);
             this.hide = this.hide.bind(this);
             this.positionEngine = new PositioningEngine();
-            this.logger = new Logger();
+            this.logger = new Logger.Logger();
             this.cleanupAutoUpdate = undefined;
             this.previousTrigger = undefined;
         }
@@ -2053,4 +2007,19 @@ const anchoredMixin = (Base) => {
     return Anchored;
 };
 
+/**
+ * Calculates the offset for the floating element based on whether the arrow is hidden and if a custom offset is provided.
+ * @param hideArrow - A boolean indicating whether the arrow is hidden.
+ * @param hasOffset - An optional number indicating the custom offset.
+ * @param offset - The default offset value.
+ * @returns The calculated offset value.
+ */
+const getOffset = (hideArrow = false, hasOffset = 0, offset) => {
+    if (hideArrow)
+        return hasOffset !== undefined ? hasOffset : 0;
+    else
+        return hasOffset !== undefined ? offset + hasOffset : offset;
+};
+
 exports.anchoredMixin = anchoredMixin;
+exports.getOffset = getOffset;

package/dist/cjs/{index-BcSjvXJk.js → index-CwYIVC9N.js}

@@ -141,6 +141,23 @@ var plt = {
   ce: (eventName, opts) => new CustomEvent(eventName, opts)
 };
 var supportsShadow = BUILD.shadowDom;
+var supportsListenerOptions = /* @__PURE__ */ (() => {
+  var _a;
+  let supportsListenerOptions2 = false;
+  try {
+    (_a = win.document) == null ? void 0 : _a.addEventListener(
+      "e",
+      null,
+      Object.defineProperty({}, "passive", {
+        get() {
+          supportsListenerOptions2 = true;
+        }
+      })
+    );
+  } catch (e) {
+  }
+  return supportsListenerOptions2;
+})();
 var promiseResolve = (v) => Promise.resolve(v);
 var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
   try {
@@ -1710,6 +1727,13 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
         hostRef.$deferredConnectedCallback$ = false;
         safeCall(instance, "connectedCallback", void 0, elm);
       }
+      {
+        hostRef.$flags$ |= 256 /* isListenReady */;
+        if (hostRef.$queuedListeners$) {
+          hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event, elm));
+          hostRef.$queuedListeners$ = void 0;
+        }
+      }
       if (hostRef.$fetchedCbList$.length) {
         hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
       }
@@ -2210,6 +2234,7 @@ var connectedCallback = (elm) => {
         initializeComponent(elm, hostRef, cmpMeta);
       }
     } else {
+      addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
       if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
         fireConnectedCallback(hostRef.$lazyInstance$, elm);
       } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
@@ -2237,6 +2262,12 @@ var disconnectInstance = (instance, elm) => {
 var disconnectedCallback = async (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
+    {
+      if (hostRef == null ? void 0 : hostRef.$rmListeners$) {
+        hostRef.$rmListeners$.map((rmListener) => rmListener());
+        hostRef.$rmListeners$ = void 0;
+      }
+    }
     if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
       disconnectInstance(hostRef.$lazyInstance$, elm);
     } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
@@ -2286,6 +2317,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       {
         cmpMeta.$members$ = compactMeta[2];
       }
+      {
+        cmpMeta.$listeners$ = compactMeta[3];
+      }
       {
         cmpMeta.$attrsToReflect$ = [];
       }
@@ -2312,6 +2346,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           }
           if (!this.hasRegisteredEventListeners) {
             this.hasRegisteredEventListeners = true;
+            addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
           }
           if (appLoadFallback) {
             clearTimeout(appLoadFallback);
@@ -2394,6 +2429,35 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
 
 // src/runtime/fragment.ts
 var Fragment = (_, children) => children;
+var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
+  if (listeners && win.document) {
+    listeners.map(([flags, name, method]) => {
+      const target = elm;
+      const handler = hostListenerProxy(hostRef, method);
+      const opts = hostListenerOpts(flags);
+      plt.ael(target, name, handler, opts);
+      (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
+    });
+  }
+};
+var hostListenerProxy = (hostRef, methodName) => (ev) => {
+  var _a;
+  try {
+    {
+      if (hostRef.$flags$ & 256 /* isListenReady */) {
+        (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
+      } else {
+        (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
+      }
+    }
+  } catch (e) {
+    consoleError(e, hostRef.$hostElement$);
+  }
+};
+var hostListenerOpts = (flags) => supportsListenerOptions ? {
+  passive: (flags & 1 /* Passive */) !== 0,
+  capture: (flags & 2 /* Capture */) !== 0
+} : (flags & 2 /* Capture */) !== 0;
 var baseClass = class {
 } ;
 function Mixin(...mixins) {

package/dist/cjs/{internals-X77qKxsK.js → internals-D8x7GMfR.js}

@@ -1,35 +1,5 @@
 'use strict';
 
-/**
- * Shared base mixin for Form-Associated Custom Elements in Boreal DS.
- *
- * Provides `formDisabledCallback` — the only behavior that is identical across
- * all FACE components. It writes to the component's `isDisabled` state, which
- * each component must declare as `@State() private isDisabled: boolean = false`.
- *
- * Each component must declare directly on its class body:
- * - `@AttachInternals() internals!: ElementInternals`
- * - `@Prop({ reflect: true }) readonly name!: string`
- * - `@Prop({ reflect: true }) readonly disabled: boolean = false`
- * - `@Prop({ reflect: true }) readonly required: boolean = false`
- * - `@State() private isDisabled: boolean = false`
- * - `@Watch('disabled') onDisabledChange(next: boolean) { this.isDisabled = next; }`
- *
- * Stencil's compiler requires `@Prop` and `@State` decorators to be statically
- * visible on the component class — they cannot be inherited from a mixin.
- *
- * Components must also implement `IFormControl<T>` for value registration,
- * reset, state restoration, and 2-way binding event emission.
- */
-const formAssociatedMixin = (Base) => {
-    class FormAssociated extends Base {
-        formDisabledCallback(disabled) {
-            this.isDisabled = disabled;
-        }
-    }
-    return FormAssociated;
-};
-
 /**
  * Registers the component's current value with the browser's form machinery.
  *
@@ -110,6 +80,5 @@ function runValidators(internals, validators, el) {
     return valid;
 }
 
-exports.formAssociatedMixin = formAssociatedMixin;
 exports.runValidators = runValidators;
 exports.setFormValue = setFormValue;

package/dist/cjs/loader.cjs.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-BcSjvXJk.js');
+var index = require('./index-CwYIVC9N.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["bds-text-field.cjs",[[836,"bds-text-field",{"name":[513],"disabled":[516],"required":[516],"value":[1537],"error":[516],"errorMessage":[1,"error-message"],"customValidators":[16],"validationTiming":[1,"validation-timing"],"type":[513],"variant":[513],"placeholder":[1],"readOnly":[4,"readonly"],"autocomplete":[1],"pattern":[1],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"label":[1],"sublabel":[1],"icon":[1],"helperText":[1,"helper-text"],"info":[1],"clearable":[4],"clearOnHover":[4,"clear-on-hover"],"charCount":[2,"char-count"],"counter":[4],"customWidth":[1,"custom-width"],"isDisabled":[32],"focused":[32],"showPassword":[32],"touched":[32],"dirty":[32],"currentCharCount":[32],"validationError":[32],"validationMessage":[32],"checkValidity":[64],"reportValidity":[64]},null,{"disabled":[{"onDisabledChange":0}],"type":[{"checkPropValues":0}],"variant":[{"checkPropValues":0}],"validationTiming":[{"checkPropValues":0}],"customValidators":[{"onCustomValidatorsChange":0}],"value":[{"onValueChange":0}]}]]],["bds-dialog.cjs",[[772,"bds-dialog",{"active":[1540],"preventClose":[4,"prevent-close"],"height":[1],"width":[1],"layout":[1],"contentPadding":[1,"content-padding"],"backdropClose":[4,"backdrop-close"],"escapeClose":[4,"escape-close"],"size":[1],"variant":[1],"titleDialog":[1,"title-dialog"],"maximizable":[4],"closable":[4],"open":[64],"close":[64]},null,{"active":[{"handleIsOpenChange":0}]}]]],["bds-popover.cjs",[[772,"bds-popover",{"floatingOptions":[16],"disabled":[4],"width":[8],"header":[4],"footer":[4],"closable":[4],"isVisible":[32]}]]],["bds-banner.cjs",[[260,"bds-banner",{"variant":[1],"closable":[4],"closeButtonLabel":[1,"close-button-label"],"isClosing":[32],"isOpen":[32],"closeBanner":[64]}]]],["bds-checkbox.cjs",[[836,"bds-checkbox",{"name":[513],"disabled":[516],"required":[516],"checked":[1540],"indeterminate":[1540],"error":[516],"value":[1],"label":[1],"isDisabled":[32]},null,{"checked":[{"onCheckedChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["bds-flag.cjs",[[0,"bds-flag",{"alignFlag":[1,"align-flag"],"callSign":[4,"call-sign"],"country":[1],"customFlags":[16],"identifier":[1],"label":[4],"shape":[1],"shortName":[4,"short-name"]},null,{"alignFlag":[{"checkPropValues":0}],"identifier":[{"checkPropValues":0}],"shape":[{"checkPropValues":0}]}]]],["bds-spinner.cjs",[[0,"bds-spinner",{"size":[1],"label":[1]},null,{"size":[{"checkPropValues":0}]}]]],["bds-typography.cjs",[[260,"bds-typography",{"variant":[513],"size":[513],"state":[513],"customClass":[1,"custom-class"],"element":[1],"align":[1],"ellipsis":[4],"maxLines":[2,"max-lines"],"tooltipText":[1,"tooltip-text"],"isRequired":[516,"is-required"],"htmlFor":[1,"html-for"],"href":[1],"target":[1],"isDownloadable":[4,"is-downloadable"],"filename":[1],"sanitizedHref":[32]},null,{"href":[{"updateSanitizedHref":0}]}]]],["bds-button.cjs",[[324,"bds-button",{"label":[1],"disabled":[4],"name":[1],"type":[1],"color":[1],"variant":[1],"size":[1],"loading":[4],"disclosure":[4],"currentState":[32]},null,{"type":[{"checkPropValues":0}],"color":[{"checkPropValues":0}],"variant":[{"checkPropValues":0}],"size":[{"checkPropValues":0}]}]]],["bds-tooltip.cjs",[[772,"bds-tooltip",{"multiline":[4],"disabled":[4],"floatingOptions":[16],"isVisible":[32]}]]]], options);
+  return index.bootstrapLazy([["bds-list-menu-item.cjs",[[772,"bds-list-menu-item",{"variant":[513],"name":[1],"disabled":[516],"selected":[1540],"value":[513],"checkable":[516],"activeItem":[516,"active-item"],"href":[1],"newTab":[4,"new-tab"],"download":[1],"currentState":[32]},null,{"variant":[{"checkPropsVariant":0}]}]]],["bds-radio-group.cjs",[[836,"bds-radio-group",{"disabled":[516],"error":[516],"errorMessage":[1,"error-message"],"helperText":[1,"helper-text"],"info":[1],"label":[1],"name":[513],"orientation":[513],"required":[516],"type":[513],"value":[1025],"isDisabled":[32],"isInvalid":[32],"checkValidity":[64],"reportValidity":[64]},[[0,"bdsChange","handleRadioChange"],[0,"invalid","handleInvalid"]],{"orientation":[{"checkPropValues":0}],"disabled":[{"onDisabledChange":0}],"error":[{"onErrorChange":0}],"value":[{"onValueChange":0}]}]]],["bds-radio-card.cjs",[[260,"bds-radio-card",{"value":[513],"info":[1],"name":[1],"label":[1],"checked":[1540],"disabled":[516],"error":[516]}]]],["bds-text-field.cjs",[[836,"bds-text-field",{"name":[513],"disabled":[516],"required":[516],"value":[1537],"error":[516],"errorMessage":[1,"error-message"],"customValidators":[16],"validationTiming":[1,"validation-timing"],"type":[513],"variant":[513],"placeholder":[1],"readOnly":[4,"readonly"],"autocomplete":[1],"pattern":[1],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"label":[1],"sublabel":[1],"icon":[1],"helperText":[1,"helper-text"],"info":[1],"clearable":[4],"clearOnHover":[4,"clear-on-hover"],"charCount":[2,"char-count"],"counter":[4],"customWidth":[1,"custom-width"],"isDisabled":[32],"focused":[32],"showPassword":[32],"touched":[32],"dirty":[32],"currentCharCount":[32],"validationError":[32],"validationMessage":[32],"checkValidity":[64],"reportValidity":[64]},null,{"disabled":[{"onDisabledChange":0}],"type":[{"checkPropValues":0}],"variant":[{"checkPropValues":0}],"validationTiming":[{"checkPropValues":0}],"customValidators":[{"onCustomValidatorsChange":0}],"value":[{"onValueChange":0}]}]]],["bds-toggle.cjs",[[576,"bds-toggle",{"name":[513],"disabled":[516],"required":[516],"info":[1],"error":[516],"errorMessage":[513,"error-message"],"checked":[516],"placement":[513],"label":[513],"helperText":[513,"helper-text"],"value":[1],"isDisabled":[32],"validationError":[32],"validationMessage":[32],"isChecked":[32]},null,{"checked":[{"onCheckedChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["bds-checkbox-card.cjs",[[836,"bds-checkbox-card",{"name":[513],"disabled":[516],"required":[516],"value":[513],"label":[1],"checked":[1540],"indeterminate":[1540],"error":[516],"isDisabled":[32],"isIndeterminate":[32],"isChecked":[32]},null,{"disabled":[{"onDisabledChange":0}],"indeterminate":[{"onIndeterminateChange":0}],"checked":[{"onCheckedChange":0}]}]]],["bds-dialog.cjs",[[772,"bds-dialog",{"active":[1540],"preventClose":[4,"prevent-close"],"height":[1],"width":[1],"layout":[1],"contentPadding":[1,"content-padding"],"backdropClose":[4,"backdrop-close"],"escapeClose":[4,"escape-close"],"size":[1],"variant":[1],"titleDialog":[1,"title-dialog"],"maximizable":[4],"closable":[4],"open":[64],"close":[64]},null,{"active":[{"handleIsOpenChange":0}]}]]],["bds-list-menu.cjs",[[260,"bds-list-menu",{"selectionMode":[1,"selection-mode"],"menuRole":[1,"menu-role"],"selectControls":[4,"select-controls"],"selectedValues":[32],"getSelectedValues":[64],"setSelectedValues":[64]},[[0,"bdsSelectItem","handleItemClick"]],{"selectionMode":[{"checkProps":0}],"menuRole":[{"checkProps":0}]}]]],["bds-popover.cjs",[[772,"bds-popover",{"floatingOptions":[16],"disabled":[4],"width":[8],"header":[4],"footer":[4],"closable":[4],"isVisible":[32]}]]],["bds-radio.cjs",[[260,"bds-radio",{"checked":[1540],"disabled":[516],"value":[1],"name":[513],"label":[1],"error":[516],"info":[1]}]]],["bds-radio-button.cjs",[[260,"bds-radio-button",{"checked":[1540],"disabled":[516],"error":[516],"value":[1],"name":[513],"label":[1],"info":[1]}]]],["bds-avatar.cjs",[[0,"bds-avatar",{"username":[1],"variant":[1],"background":[1],"initialsColor":[1,"initials-color"]}]]],["bds-badge.cjs",[[260,"bds-badge",{"variant":[1],"disabled":[4]},null,{"variant":[{"checkPropValues":0}]}]]],["bds-banner.cjs",[[260,"bds-banner",{"variant":[1],"closable":[4],"closeButtonLabel":[1,"close-button-label"],"isClosing":[32],"isOpen":[32],"open":[64],"close":[64]}]]],["bds-button-group.cjs",[[260,"bds-button-group",{"size":[1],"orientation":[1],"label":[1],"color":[1],"variant":[1]},null,{"size":[{"validateProps":0},{"propagatePropsToButtons":0}],"orientation":[{"validateProps":0}],"color":[{"validateProps":0},{"propagatePropsToButtons":0}],"variant":[{"validateProps":0},{"propagatePropsToButtons":0}]}]]],["bds-flag.cjs",[[0,"bds-flag",{"alignFlag":[1,"align-flag"],"callSign":[4,"call-sign"],"country":[1],"customFlags":[16],"identifier":[1],"label":[4],"shape":[1],"shortName":[4,"short-name"]},null,{"alignFlag":[{"checkPropValues":0}],"identifier":[{"checkPropValues":0}],"shape":[{"checkPropValues":0}]}]]],["bds-grid.cjs",[[260,"bds-grid",{"layout":[1],"rowGap":[1,"row-gap"]},null,{"layout":[{"checkPropValues":0}]}]]],["bds-grid-item.cjs",[[260,"bds-grid-item",{"colSpan":[520,"col-span"],"colSpanSm":[520,"col-span-sm"],"colSpanMd":[520,"col-span-md"],"colSpanLg":[520,"col-span-lg"],"colSpanXl":[520,"col-span-xl"],"colSpan2xl":[520,"col-span-2xl"],"rowSpan":[520,"row-span"],"offset":[514]},null,{"colSpan":[{"checkPropValues":0}],"colSpanSm":[{"checkPropValues":0}],"colSpanMd":[{"checkPropValues":0}],"colSpanLg":[{"checkPropValues":0}],"colSpanXl":[{"checkPropValues":0}],"colSpan2xl":[{"checkPropValues":0}],"rowSpan":[{"checkPropValues":0}],"offset":[{"checkPropValues":0}]}]]],["bds-spinner.cjs",[[0,"bds-spinner",{"size":[1],"label":[1]},null,{"size":[{"checkPropValues":0}]}]]],["bds-status.cjs",[[260,"bds-status",{"state":[1],"indicator":[1]},null,{"state":[{"checkPropValues":0}],"indicator":[{"checkPropValues":0}]}]]],["bds-tag.cjs",[[260,"bds-tag",{"multiselect":[4],"selected":[4],"closeButtonLabel":[1,"close-button-label"],"color":[1],"readonly":[4],"disabled":[4],"internalSelected":[32]},null,{"color":[{"checkPropValues":0}],"selected":[{"syncSelectedFromProp":0}]}]]],["bds-divider.cjs",[[0,"bds-divider",{"orientation":[513]},null,{"orientation":[{"checkPropValues":0}]}]]],["bds-checkbox.cjs",[[836,"bds-checkbox",{"name":[513],"disabled":[516],"required":[516],"checked":[1540],"indeterminate":[1540],"error":[516],"value":[1],"label":[1],"isDisabled":[32]},null,{"checked":[{"onCheckedChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["bds-button.cjs",[[324,"bds-button",{"label":[1],"disabled":[4],"name":[1],"type":[1],"color":[1],"variant":[1],"size":[1],"loading":[4],"disclosure":[4],"currentState":[32]},null,{"type":[{"checkPropValues":0}],"color":[{"checkPropValues":0}],"variant":[{"checkPropValues":0}],"size":[{"checkPropValues":0}]}]]],["bds-tooltip_2.cjs",[[260,"bds-typography",{"variant":[513],"size":[513],"state":[513],"customClass":[1,"custom-class"],"element":[1],"align":[1],"ellipsis":[4],"maxLines":[2,"max-lines"],"tooltipText":[1,"tooltip-text"],"required":[516],"htmlFor":[1,"html-for"],"href":[1],"target":[1],"downloadable":[4],"filename":[1],"sanitizedHref":[32]},null,{"href":[{"updateSanitizedHref":0}]}],[772,"bds-tooltip",{"multiline":[4],"disabled":[4],"floatingOptions":[16],"isVisible":[32]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/menu-BxKaEajh.js

@@ -0,0 +1,8 @@
+'use strict';
+
+const MENU_ROLES = {
+    MENU: 'menu',
+    LISTBOX: 'listbox',
+};
+
+exports.MENU_ROLES = MENU_ROLES;

package/dist/cjs/orientation-DQAIleEJ.js

@@ -0,0 +1,8 @@
+'use strict';
+
+const ORIENTATIONS = {
+    HORIZONTAL: 'horizontal',
+    VERTICAL: 'vertical',
+};
+
+exports.ORIENTATIONS = ORIENTATIONS;

package/dist/cjs/{states-iIYiazaM.js → states-BweP5Vpu.js}

@@ -5,6 +5,13 @@ const COMPONENT_STATES = {
     ERROR: 'error',
     DISABLED: 'disabled',
     ACTIVE: 'active'};
+const PROCESS_STATUS = {
+    NEUTRAL: 'neutral',
+    PENDING: 'pending',
+    IN_PROGRESS: 'in-progress',
+    COMPLETE: 'complete',
+    CANCEL: 'cancel',
+};
 const STATUS_VARIANT = {
     INFO: 'info',
     SUCCESS: 'success',
@@ -13,4 +20,5 @@ const STATUS_VARIANT = {
 };
 
 exports.COMPONENT_STATES = COMPONENT_STATES;
+exports.PROCESS_STATUS = PROCESS_STATUS;
 exports.STATUS_VARIANT = STATUS_VARIANT;

package/dist/cjs/validateProps-CJe9X5x8.js

@@ -0,0 +1,42 @@
+'use strict';
+
+/**
+ * Validates a numeric component prop against a min/max range.
+ * Issues a console warning when out of range — does not reset the value.
+ * Silently skips `undefined` (optional props) and `'full'` (valid sentinel for span props).
+ *
+ * @param min - Minimum valid value (inclusive).
+ * @param max - Maximum valid value (inclusive). Omit for unbounded upper limit.
+ * @param element - The host element whose property is being checked.
+ * @param propertyName - The name of the prop to validate.
+ */
+function validateNumericProp(min, max, element, propertyName) {
+    const raw = element[propertyName];
+    if (raw === undefined || raw === 'full')
+        return;
+    const current = Number(raw);
+    const outOfRange = Number.isNaN(current) || current < min || (max !== undefined && current > max);
+    if (outOfRange) {
+        const rangeDesc = max !== undefined ? `${min}–${max}` : `≥${min}`;
+        console.warn(`[BorealDS] Invalid value "${raw}" for prop "${propertyName}" on <${element.tagName.toLowerCase()}>. Expected ${rangeDesc}.`);
+    }
+}
+/**
+ * Validates a component prop against a list of accepted values.
+ * If the current value is invalid, the prop is reset to the fallback and a warning is issued.
+ *
+ * @param acceptedValues - The list of valid values for the prop.
+ * @param fallbackValue - The value to apply when the current value is invalid.
+ * @param element - The host element whose property will be corrected.
+ * @param propertyName - The name of the prop to validate.
+ */
+function validatePropValue(acceptedValues, fallbackValue, element, propertyName) {
+    const currentValue = element[propertyName];
+    if (acceptedValues.includes(currentValue))
+        return;
+    element[propertyName] = fallbackValue;
+    console.warn(`[BorealDS] Invalid value "${currentValue}" for prop "${propertyName}" on <${element.tagName.toLowerCase()}>. Expected one of: ${acceptedValues.join(', ')}.`);
+}
+
+exports.validateNumericProp = validateNumericProp;
+exports.validatePropValue = validatePropValue;

package/dist/collection/collection-manifest.json

@@ -1,11 +1,27 @@
 {
   "entries": [
     "components/actions/bds-button/bds-button.js",
+    "components/actions/bds-button-group/bds-button-group.js",
+    "components/actions/bds-list-menu/bds-list-menu/bds-list-menu.js",
+    "components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.js",
+    "components/actions/bds-toggle/bds-toggle.js",
+    "components/feedback/bds-badge/bds-badge.js",
     "components/feedback/bds-banner/bds-banner.js",
     "components/feedback/bds-spinner/bds-spinner.js",
+    "components/feedback/bds-status/bds-status.js",
+    "components/feedback/bds-tag/bds-tag.js",
     "components/forms/bds-checkbox/bds-checkbox.js",
+    "components/forms/bds-checkbox-card/bds-checkbox-card.js",
     "components/forms/bds-flag/bds-flag.js",
+    "components/forms/bds-radio/bds-radio.js",
+    "components/forms/bds-radio-button/bds-radio-button.js",
+    "components/forms/bds-radio-card/bds-radio-card.js",
+    "components/forms/bds-radio-group/bds-radio-group.js",
     "components/forms/bds-text-field/bds-text-field.js",
+    "components/helpers/bds-divider/bds-divider.js",
+    "components/images-icons/bds-avatar/bds-avatar.js",
+    "components/layouts/bds-grid/grid/bds-grid.js",
+    "components/layouts/bds-grid/grid-item/bds-grid-item.js",
     "components/overlays/bds-dialog/bds-dialog.js",
     "components/overlays/bds-popover/bds-popover.js",
     "components/overlays/bds-tooltip/bds-tooltip.js",