@genesislcap/foundation-notifications 14.401.1 → 14.401.2

package/dist/dts/container/index.d.ts

@@ -1,3 +1,4 @@
 export * from './notify-container';
 export * from './notify-container-builder';
+export * from './notify-container-sorters';
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/container/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/container/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC"}

package/dist/dts/container/notify-container-sorters.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A ready-made sort comparator for use with {@link NotifyContainerConfig.sortFn} that places the
+ * most severe notifications at the top of the stack. Severity is determined by the `notify`
+ * attribute on each toast element: `error` (highest) → `warning` → `success` → unstyled (lowest).
+ *
+ * @example
+ * ```ts
+ * configureNotifications({ sortFn: sortNotificationBySeverity });
+ * ```
+ * @public
+ */
+export declare const sortNotificationBySeverity: (a: HTMLElement, b: HTMLElement) => number;
+//# sourceMappingURL=notify-container-sorters.d.ts.map

package/dist/dts/container/notify-container-sorters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notify-container-sorters.d.ts","sourceRoot":"","sources":["../../../src/container/notify-container-sorters.ts"],"names":[],"mappings":"AASA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,0BAA0B,GAAI,GAAG,WAAW,EAAE,GAAG,WAAW,KAAG,MAI3E,CAAC"}

package/dist/dts/container/notify-container.d.ts

@@ -1,12 +1,58 @@
 import { GenesisElement } from '@genesislcap/web-core';
 import { ToastPosition } from '../types';
 export interface NotifyContainerConfig {
+    /**
+     * The corner of the screen where notifications appear.
+     * Note: bottom-left and bottom-right are not currently supported.
+     * @defaultValue 'top-right'
+     */
     position: ToastPosition;
+    /**
+     * The number of visible notifications that triggers the stack to auto-collapse.
+     * @defaultValue 5
+     */
     stackThreshold: number;
+    /**
+     * Whether to show the Expand/Collapse button in the header.
+     * @defaultValue true
+     */
     allowManualCollapse: boolean;
+    /**
+     * Whether to show the Close All button in the header.
+     * @defaultValue true
+     */
     allowCloseAll: boolean;
+    /**
+     * The design system prefix used to resolve child component tag names (e.g. buttons, icons).
+     * @defaultValue 'rapid'
+     */
     designSystemPrefix: string;
+    /**
+     * Whether to show the notification count in the header.
+     * @defaultValue true
+     */
     showCount: boolean;
+    /**
+     * When set, notifications added simultaneously are revealed one-by-one with this delay (in ms)
+     * between each. Auto-close timers on individual notifications only begin once they are shown.
+     * Setting this to 0 disables queuing.
+     *
+     * When {@link NotifyContainerConfig.sortFn} is also set, each incoming notification that would
+     * not appear at the front of the collapsed stack will briefly peek at the front for half the
+     * interval duration before animating to its sorted position, making it visible to the user
+     * before it settles.
+     *
+     * @defaultValue 0
+     */
+    notificationInterval: number;
+    /**
+     * An optional comparator function to sort visible notifications. Follows the same signature as
+     * `Array.sort` — return a negative number to sort `a` before `b` (i.e. higher in the stack).
+     * Re-applied automatically whenever the set of visible notifications changes.
+     * See {@link sortNotificationBySeverity} for a ready-made example.
+     * @defaultValue undefined (insertion order)
+     */
+    sortFn?: (a: HTMLElement, b: HTMLElement) => number;
 }
 export declare class NotifyContainer extends GenesisElement implements NotifyContainerConfig {
     position: ToastPosition;
@@ -16,7 +62,16 @@ export declare class NotifyContainer extends GenesisElement implements NotifyCon
     designSystemPrefix: string;
     showCount: boolean;
     stackCollapsed: boolean;
+    notificationInterval: number;
+    sortFn?: (a: HTMLElement, b: HTMLElement) => number;
     private manuallyExpanded;
+    private pendingQueue;
+    private queueTimer;
+    private queuedNodes;
+    private mutationObserver;
+    private knownNodes;
+    private peekingNode;
+    private peekTimer;
     private routeSubscriber;
     /** @internal */
     connectedCallback(): void;
@@ -31,6 +86,16 @@ export declare class NotifyContainer extends GenesisElement implements NotifyCon
     handleToggleCollapse(): void;
     /** @internal */
     handleCloseAll(): void;
+    /** @internal */
+    notificationIntervalChanged(_oldValue: number, newValue: number): void;
+    private handleMutation;
+    private processQueue;
+    private flushQueue;
+    /** @internal */
+    sortFnChanged(): void;
+    private applySort;
+    private maybePeek;
+    private cancelPeek;
     /**
      * Manages the absolute positioning of notifications to enable smooth stack-to-list animations.
      * Uses a batch read/write pattern to avoid layout thrashing.

package/dist/dts/container/notify-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notify-container.d.ts","sourceRoot":"","sources":["../../../src/container/notify-container.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,cAAc,EAA0B,MAAM,uBAAuB,CAAC;AAEpG,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAIzC,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,aAAa,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;CACpB;AAID,qBAKa,eAAgB,SAAQ,cAAe,YAAW,qBAAqB;IAC5E,QAAQ,EAAE,aAAa,CAAe;IACJ,cAAc,EAAE,MAAM,CAAqB;IACpB,mBAAmB,EAAE,OAAO,CACpF;IACkD,aAAa,EAAE,OAAO,CAAQ;IAC1C,kBAAkB,EAAE,MAAM,CAAW;IAC9B,SAAS,EAAE,OAAO,CAAQ;IAErB,cAAc,EAAE,OAAO,CAAS;IAEzF,OAAO,CAAC,gBAAgB,CAAkB;IAE1C,OAAO,CAAC,eAAe,CAErB;IAEF,gBAAgB;IAChB,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,UAAU;IAMN,YAAY,EAAE,IAAI,EAAE,CAAM;IACtC,gBAAgB;IAChB,mBAAmB;IAiBnB,gBAAgB;IAChB,oBAAoB;IAOpB,gBAAgB;IAChB,oBAAoB;IAKpB,gBAAgB;IAChB,cAAc;IAQd;;;;OAIG;IACH,OAAO,CAAC,cAAc;CAsBvB"}
+{"version":3,"file":"notify-container.d.ts","sourceRoot":"","sources":["../../../src/container/notify-container.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,cAAc,EAA0B,MAAM,uBAAuB,CAAC;AAEpG,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAIzC,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,QAAQ,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,mBAAmB,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;;OAWG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,WAAW,KAAK,MAAM,CAAC;CACrD;AAKD,qBAKa,eAAgB,SAAQ,cAAe,YAAW,qBAAqB;IAC5E,QAAQ,EAAE,aAAa,CAAe;IACJ,cAAc,EAAE,MAAM,CAAqB;IACpB,mBAAmB,EAAE,OAAO,CACpF;IACkD,aAAa,EAAE,OAAO,CAAQ;IAC1C,kBAAkB,EAAE,MAAM,CAAW;IAC9B,SAAS,EAAE,OAAO,CAAQ;IAErB,cAAc,EAAE,OAAO,CAAS;IAC3C,oBAAoB,EAAE,MAAM,CAAK;IACnE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,WAAW,KAAK,MAAM,CAAC;IAEhE,OAAO,CAAC,gBAAgB,CAAkB;IAC1C,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,UAAU,CAA8C;IAChE,OAAO,CAAC,WAAW,CAA+B;IAClD,OAAO,CAAC,gBAAgB,CAAiC;IACzD,OAAO,CAAC,UAAU,CAAwB;IAC1C,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,SAAS,CAA8C;IAE/D,OAAO,CAAC,eAAe,CAErB;IAEF,gBAAgB;IAChB,iBAAiB,IAAI,IAAI;IAazB,oBAAoB,IAAI,IAAI;IAO5B,OAAO,CAAC,UAAU;IAUN,YAAY,EAAE,IAAI,EAAE,CAAM;IACtC,gBAAgB;IAChB,mBAAmB;IA4BnB,gBAAgB;IAChB,oBAAoB;IAQpB,gBAAgB;IAChB,oBAAoB;IAQpB,gBAAgB;IAChB,cAAc;IASd,gBAAgB;IAChB,2BAA2B,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAM/D,OAAO,CAAC,cAAc;IAoBtB,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,UAAU;IAUlB,gBAAgB;IAChB,aAAa;IAIb,OAAO,CAAC,SAAS;IAejB,OAAO,CAAC,SAAS;IAkBjB,OAAO,CAAC,UAAU;IAMlB;;;;OAIG;IACH,OAAO,CAAC,cAAc;CAkBvB"}

package/dist/dts/container/notify-container.template.d.ts

@@ -1,3 +1,3 @@
-import { NotifyContainer } from './notify-container';
+import type { NotifyContainer } from './notify-container';
 export declare const template: import("@microsoft/fast-element").ViewTemplate<NotifyContainer, any>;
 //# sourceMappingURL=notify-container.template.d.ts.map

package/dist/dts/container/notify-container.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notify-container.template.d.ts","sourceRoot":"","sources":["../../../src/container/notify-container.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAoCrD,eAAO,MAAM,QAAQ,sEAUpB,CAAC"}
+{"version":3,"file":"notify-container.template.d.ts","sourceRoot":"","sources":["../../../src/container/notify-container.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAoC1D,eAAO,MAAM,QAAQ,sEAUpB,CAAC"}

package/dist/esm/container/index.js

@@ -1,2 +1,3 @@
 export * from './notify-container';
 export * from './notify-container-builder';
+export * from './notify-container-sorters';

package/dist/esm/container/notify-container-sorters.js

@@ -0,0 +1,23 @@
+const NOTIFY_TYPE_PRIORITY = {
+    error: 0,
+    warning: 1,
+    success: 2,
+    '': 3,
+};
+/**
+ * A ready-made sort comparator for use with {@link NotifyContainerConfig.sortFn} that places the
+ * most severe notifications at the top of the stack. Severity is determined by the `notify`
+ * attribute on each toast element: `error` (highest) → `warning` → `success` → unstyled (lowest).
+ *
+ * @example
+ * ```ts
+ * configureNotifications({ sortFn: sortNotificationBySeverity });
+ * ```
+ * @public
+ */
+export const sortNotificationBySeverity = (a, b) => {
+    var _a, _b;
+    const aPriority = NOTIFY_TYPE_PRIORITY[(_a = a.getAttribute('notify')) !== null && _a !== void 0 ? _a : ''];
+    const bPriority = NOTIFY_TYPE_PRIORITY[(_b = b.getAttribute('notify')) !== null && _b !== void 0 ? _b : ''];
+    return aPriority - bPriority;
+};

package/dist/esm/container/notify-container.js

@@ -5,6 +5,7 @@ import { logger } from '../logger';
 import { styles } from './notify-container.styles';
 import { template } from './notify-container.template';
 const DEFAULT_THRESHOLD = 5;
+const PEEK_DURATION_MS = 1500;
 let NotifyContainer = class NotifyContainer extends GenesisElement {
     constructor() {
         super(...arguments);
@@ -15,7 +16,15 @@ let NotifyContainer = class NotifyContainer extends GenesisElement {
         this.designSystemPrefix = 'rapid';
         this.showCount = true;
         this.stackCollapsed = false;
+        this.notificationInterval = 0;
         this.manuallyExpanded = false;
+        this.pendingQueue = [];
+        this.queueTimer = null;
+        this.queuedNodes = new Set();
+        this.mutationObserver = null;
+        this.knownNodes = new Set();
+        this.peekingNode = null;
+        this.peekTimer = null;
         this.routeSubscriber = {
             handleChange: () => this.checkRoute(RouteUtil.shared.pathName),
         };
@@ -29,13 +38,22 @@ let NotifyContainer = class NotifyContainer extends GenesisElement {
         }
         Observable.getNotifier(RouteUtil.shared).subscribe(this.routeSubscriber, 'pathName');
         this.checkRoute(RouteUtil.shared.pathName);
+        this.mutationObserver = new MutationObserver((mutations) => this.handleMutation(mutations));
+        this.mutationObserver.observe(this, { childList: true });
     }
     disconnectedCallback() {
+        var _a;
         super.disconnectedCallback();
         Observable.getNotifier(RouteUtil.shared).unsubscribe(this.routeSubscriber, 'pathName');
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.mutationObserver = null;
     }
     checkRoute(path) {
         if (path.includes('/login') || path.includes('/logout')) {
+            this.pendingQueue = [];
+            this.queuedNodes.clear();
+            clearTimeout(this.queueTimer);
+            this.queueTimer = null;
             this.handleCloseAll();
         }
     }
@@ -49,44 +67,141 @@ let NotifyContainer = class NotifyContainer extends GenesisElement {
         if (this.stackCollapsed && this.slottedNodes.length <= 1) {
             this.stackCollapsed = false;
             this.manuallyExpanded = false;
+            this.cancelPeek();
         }
-        this.handlePosition();
+        if (this.stackCollapsed) {
+            const newNode = this.slottedNodes
+                .filter((n) => n instanceof HTMLElement && !this.knownNodes.has(n))
+                .shift();
+            if (newNode) {
+                this.maybePeek(newNode);
+            }
+        }
+        this.knownNodes = new Set(this.slottedNodes);
+        this.applySort();
     }
     /** @internal */
     handleContainerClick() {
         if (this.stackCollapsed) {
             this.stackCollapsed = false;
             this.manuallyExpanded = true;
+            this.cancelPeek();
         }
     }
     /** @internal */
     handleToggleCollapse() {
         this.stackCollapsed = !this.stackCollapsed;
         this.manuallyExpanded = !this.stackCollapsed;
+        if (!this.stackCollapsed) {
+            this.cancelPeek();
+        }
     }
     /** @internal */
     handleCloseAll() {
+        this.cancelPeek();
         while (this.firstChild) {
             this.removeChild(this.firstChild);
         }
         this.stackCollapsed = false;
         this.manuallyExpanded = false;
     }
+    /** @internal */
+    notificationIntervalChanged(_oldValue, newValue) {
+        if (!newValue && this.pendingQueue) {
+            this.flushQueue();
+        }
+    }
+    handleMutation(mutations) {
+        if (!this.notificationInterval)
+            return;
+        mutations.forEach((mutation) => {
+            mutation.addedNodes.forEach((node) => {
+                if (!(node instanceof HTMLElement))
+                    return;
+                if (this.queuedNodes.has(node)) {
+                    this.queuedNodes.delete(node);
+                }
+                else {
+                    this.removeChild(node);
+                    this.pendingQueue.push(node);
+                }
+            });
+        });
+        if (!this.queueTimer) {
+            this.processQueue();
+        }
+    }
+    processQueue() {
+        if (!this.pendingQueue.length) {
+            this.queueTimer = null;
+            return;
+        }
+        const next = this.pendingQueue.shift();
+        this.queuedNodes.add(next);
+        this.prepend(next);
+        this.queueTimer = setTimeout(() => {
+            this.queueTimer = null;
+            this.processQueue();
+        }, this.notificationInterval);
+    }
+    flushQueue() {
+        clearTimeout(this.queueTimer);
+        this.queueTimer = null;
+        while (this.pendingQueue.length) {
+            const next = this.pendingQueue.shift();
+            this.queuedNodes.add(next);
+            this.prepend(next);
+        }
+    }
+    /** @internal */
+    sortFnChanged() {
+        this.applySort();
+    }
+    applySort() {
+        const toasts = this.slottedNodes.filter((node) => node instanceof HTMLElement);
+        if (!toasts.length)
+            return;
+        const sorted = this.sortFn && toasts.length > 1 ? [...toasts].sort(this.sortFn) : toasts;
+        if (this.peekingNode && sorted.includes(this.peekingNode)) {
+            this.handlePosition([this.peekingNode, ...sorted.filter((n) => n !== this.peekingNode)]);
+        }
+        else {
+            this.handlePosition(sorted);
+        }
+    }
+    maybePeek(newNode) {
+        const toasts = this.slottedNodes.filter((node) => node instanceof HTMLElement);
+        const sorted = this.sortFn && toasts.length > 1 ? [...toasts].sort(this.sortFn) : toasts;
+        if (sorted.indexOf(newNode) === 0)
+            return;
+        this.cancelPeek();
+        this.peekingNode = newNode;
+        const duration = this.notificationInterval ? this.notificationInterval / 2 : PEEK_DURATION_MS;
+        this.peekTimer = setTimeout(() => {
+            this.peekingNode = null;
+            this.peekTimer = null;
+            this.applySort();
+        }, duration);
+    }
+    cancelPeek() {
+        clearTimeout(this.peekTimer);
+        this.peekTimer = null;
+        this.peekingNode = null;
+    }
     /**
      * Manages the absolute positioning of notifications to enable smooth stack-to-list animations.
      * Uses a batch read/write pattern to avoid layout thrashing.
      * @internal
      */
-    handlePosition() {
-        const toasts = this.slottedNodes.filter((node) => node instanceof HTMLElement);
-        if (!toasts.length) {
+    handlePosition(toasts) {
+        if (!toasts.length)
             return;
-        }
         toasts.forEach((toast, index) => {
             toast.style.position = 'absolute';
             toast.style.transition = 'all 0.3s ease-in';
             toast.style.right = '0px';
             toast.style.zIndex = (toasts.length - index).toString();
+            toast.dataset.stackIndex = index.toString();
         });
         const heights = toasts.map((toast) => toast.offsetHeight);
         toasts.reduce((yOffset, toast, index) => {
@@ -116,6 +231,12 @@ __decorate([
 __decorate([
     attr({ attribute: 'stack-collapsed', mode: 'boolean' })
 ], NotifyContainer.prototype, "stackCollapsed", void 0);
+__decorate([
+    attr({ attribute: 'notification-interval' })
+], NotifyContainer.prototype, "notificationInterval", void 0);
+__decorate([
+    observable
+], NotifyContainer.prototype, "sortFn", void 0);
 __decorate([
     observable
 ], NotifyContainer.prototype, "slottedNodes", void 0);

package/dist/esm/container/notify-container.styles.js

@@ -175,7 +175,7 @@ export const styles = css `
 
   /* Show and offset the top 3 items in the stack */
 
-  :host([stack-collapsed]) ::slotted(:nth-child(1)) {
+  :host([stack-collapsed]) ::slotted([data-stack-index='0']) {
     opacity: 100%;
     pointer-events: auto;
     transform: translateY(0) scale(1);
@@ -183,14 +183,14 @@ export const styles = css `
     position: relative !important;
   }
 
-  :host([stack-collapsed]) ::slotted(:nth-child(2)) {
+  :host([stack-collapsed]) ::slotted([data-stack-index='1']) {
     opacity: 100%;
     transform: translateY(var(--stack-offset-y, 8px)) scale(0.95);
     z-index: 2;
     position: relative !important;
   }
 
-  :host([stack-collapsed]) ::slotted(:nth-child(3)) {
+  :host([stack-collapsed]) ::slotted([data-stack-index='2']) {
     opacity: 100%;
     transform: translateY(var(--stack-offset-y-2, 16px)) scale(0.9);
     z-index: 1;

package/dist/foundation-notifications.api.json

@@ -2781,6 +2781,36 @@
               "isAbstract": false,
               "name": "disconnectedCallback"
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-notifications!NotifyContainer#notificationInterval:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "notificationInterval: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "number"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "notificationInterval",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-notifications!NotifyContainer#position:member",
@@ -2877,6 +2907,54 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-notifications!NotifyContainer#sortFn:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "sortFn?: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "(a: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HTMLElement",
+                  "canonicalReference": "!HTMLElement:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ", b: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HTMLElement",
+                  "canonicalReference": "!HTMLElement:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ") => number"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "sortFn",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 6
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-notifications!NotifyContainer#stackCollapsed:member",
@@ -2967,7 +3045,7 @@
             {
               "kind": "PropertySignature",
               "canonicalReference": "@genesislcap/foundation-notifications!NotifyContainerConfig#allowCloseAll:member",
-              "docComment": "",
+              "docComment": "/**\n * Whether to show the Close All button in the header.\n *\n * @defaultValue\n *\n * true\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -2994,7 +3072,7 @@
             {
               "kind": "PropertySignature",
               "canonicalReference": "@genesislcap/foundation-notifications!NotifyContainerConfig#allowManualCollapse:member",
-              "docComment": "",
+              "docComment": "/**\n * Whether to show the Expand/Collapse button in the header.\n *\n * @defaultValue\n *\n * true\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3021,7 +3099,7 @@
             {
               "kind": "PropertySignature",
               "canonicalReference": "@genesislcap/foundation-notifications!NotifyContainerConfig#designSystemPrefix:member",
-              "docComment": "",
+              "docComment": "/**\n * The design system prefix used to resolve child component tag names (e.g. buttons, icons).\n *\n * @defaultValue\n *\n * 'rapid'\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3045,10 +3123,37 @@
                 "endIndex": 2
               }
             },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@genesislcap/foundation-notifications!NotifyContainerConfig#notificationInterval:member",
+              "docComment": "/**\n * When set, notifications added simultaneously are revealed one-by-one with this delay (in ms) between each. Auto-close timers on individual notifications only begin once they are shown. Setting this to 0 disables queuing.\n *\n * When {@link NotifyContainerConfig.sortFn} is also set, each incoming notification that would not appear at the front of the collapsed stack will briefly peek at the front for half the interval duration before animating to its sorted position, making it visible to the user before it settles.\n *\n * @defaultValue\n *\n * 0\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "notificationInterval: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "number"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "notificationInterval",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@genesislcap/foundation-notifications!NotifyContainerConfig#position:member",
-              "docComment": "",
+              "docComment": "/**\n * The corner of the screen where notifications appear. Note: bottom-left and bottom-right are not currently supported.\n *\n * @defaultValue\n *\n * 'top-right'\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3076,7 +3181,7 @@
             {
               "kind": "PropertySignature",
               "canonicalReference": "@genesislcap/foundation-notifications!NotifyContainerConfig#showCount:member",
-              "docComment": "",
+              "docComment": "/**\n * Whether to show the notification count in the header.\n *\n * @defaultValue\n *\n * true\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -3100,10 +3205,55 @@
                 "endIndex": 2
               }
             },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@genesislcap/foundation-notifications!NotifyContainerConfig#sortFn:member",
+              "docComment": "/**\n * An optional comparator function to sort visible notifications. Follows the same signature as `Array.sort` — return a negative number to sort `a` before `b` (i.e. higher in the stack). Re-applied automatically whenever the set of visible notifications changes. See {@link sortNotificationBySeverity} for a ready-made example.\n *\n * @defaultValue\n *\n * undefined (insertion order)\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "sortFn?: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "(a: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HTMLElement",
+                  "canonicalReference": "!HTMLElement:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ", b: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HTMLElement",
+                  "canonicalReference": "!HTMLElement:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ") => number"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "sortFn",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 6
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@genesislcap/foundation-notifications!NotifyContainerConfig#stackThreshold:member",
-              "docComment": "",
+              "docComment": "/**\n * The number of visible notifications that triggers the stack to auto-collapse.\n *\n * @defaultValue\n *\n * 5\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
@@ -4072,6 +4222,65 @@
             "endIndex": 2
           }
         },
+        {
+          "kind": "Function",
+          "canonicalReference": "@genesislcap/foundation-notifications!sortNotificationBySeverity:function(1)",
+          "docComment": "/**\n * A ready-made sort comparator for use with {@link NotifyContainerConfig.sortFn} that places the most severe notifications at the top of the stack. Severity is determined by the `notify` attribute on each toast element: `error` (highest) → `warning` → `success` → unstyled (lowest).\n *\n * @example\n * ```ts\n * configureNotifications({ sortFn: sortNotificationBySeverity });\n * ```\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "sortNotificationBySeverity: (a: "
+            },
+            {
+              "kind": "Reference",
+              "text": "HTMLElement",
+              "canonicalReference": "!HTMLElement:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ", b: "
+            },
+            {
+              "kind": "Reference",
+              "text": "HTMLElement",
+              "canonicalReference": "!HTMLElement:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ") => "
+            },
+            {
+              "kind": "Content",
+              "text": "number"
+            }
+          ],
+          "fileUrlPath": "src/container/notify-container-sorters.ts",
+          "returnTypeTokenRange": {
+            "startIndex": 5,
+            "endIndex": 6
+          },
+          "releaseTag": "Public",
+          "overloadIndex": 1,
+          "parameters": [
+            {
+              "parameterName": "a",
+              "parameterTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isOptional": false
+            },
+            {
+              "parameterName": "b",
+              "parameterTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 4
+              },
+              "isOptional": false
+            }
+          ],
+          "name": "sortNotificationBySeverity"
+        },
         {
           "kind": "Interface",
           "canonicalReference": "@genesislcap/foundation-notifications!Toast:interface",

package/dist/foundation-notifications.d.ts

@@ -391,7 +391,16 @@ export declare class NotifyContainer extends GenesisElement implements NotifyCon
     designSystemPrefix: string;
     showCount: boolean;
     stackCollapsed: boolean;
+    notificationInterval: number;
+    sortFn?: (a: HTMLElement, b: HTMLElement) => number;
     private manuallyExpanded;
+    private pendingQueue;
+    private queueTimer;
+    private queuedNodes;
+    private mutationObserver;
+    private knownNodes;
+    private peekingNode;
+    private peekTimer;
     private routeSubscriber;
     /** @internal */
     connectedCallback(): void;
@@ -406,6 +415,16 @@ export declare class NotifyContainer extends GenesisElement implements NotifyCon
     handleToggleCollapse(): void;
     /** @internal */
     handleCloseAll(): void;
+    /** @internal */
+    notificationIntervalChanged(_oldValue: number, newValue: number): void;
+    private handleMutation;
+    private processQueue;
+    private flushQueue;
+    /** @internal */
+    sortFnChanged(): void;
+    private applySort;
+    private maybePeek;
+    private cancelPeek;
     /**
      * Manages the absolute positioning of notifications to enable smooth stack-to-list animations.
      * Uses a batch read/write pattern to avoid layout thrashing.
@@ -415,12 +434,58 @@ export declare class NotifyContainer extends GenesisElement implements NotifyCon
 }
 
 export declare interface NotifyContainerConfig {
+    /**
+     * The corner of the screen where notifications appear.
+     * Note: bottom-left and bottom-right are not currently supported.
+     * @defaultValue 'top-right'
+     */
     position: ToastPosition;
+    /**
+     * The number of visible notifications that triggers the stack to auto-collapse.
+     * @defaultValue 5
+     */
     stackThreshold: number;
+    /**
+     * Whether to show the Expand/Collapse button in the header.
+     * @defaultValue true
+     */
     allowManualCollapse: boolean;
+    /**
+     * Whether to show the Close All button in the header.
+     * @defaultValue true
+     */
     allowCloseAll: boolean;
+    /**
+     * The design system prefix used to resolve child component tag names (e.g. buttons, icons).
+     * @defaultValue 'rapid'
+     */
     designSystemPrefix: string;
+    /**
+     * Whether to show the notification count in the header.
+     * @defaultValue true
+     */
     showCount: boolean;
+    /**
+     * When set, notifications added simultaneously are revealed one-by-one with this delay (in ms)
+     * between each. Auto-close timers on individual notifications only begin once they are shown.
+     * Setting this to 0 disables queuing.
+     *
+     * When {@link NotifyContainerConfig.sortFn} is also set, each incoming notification that would
+     * not appear at the front of the collapsed stack will briefly peek at the front for half the
+     * interval duration before animating to its sorted position, making it visible to the user
+     * before it settles.
+     *
+     * @defaultValue 0
+     */
+    notificationInterval: number;
+    /**
+     * An optional comparator function to sort visible notifications. Follows the same signature as
+     * `Array.sort` — return a negative number to sort `a` before `b` (i.e. higher in the stack).
+     * Re-applied automatically whenever the set of visible notifications changes.
+     * See {@link sortNotificationBySeverity} for a ready-made example.
+     * @defaultValue undefined (insertion order)
+     */
+    sortFn?: (a: HTMLElement, b: HTMLElement) => number;
 }
 
 /**
@@ -568,6 +633,19 @@ export declare interface SnackbarStructure {
  */
 export declare type SnackbarType = 'error' | 'success';
 
+/**
+ * A ready-made sort comparator for use with {@link NotifyContainerConfig.sortFn} that places the
+ * most severe notifications at the top of the stack. Severity is determined by the `notify`
+ * attribute on each toast element: `error` (highest) → `warning` → `success` → unstyled (lowest).
+ *
+ * @example
+ * ```ts
+ * configureNotifications({ sortFn: sortNotificationBySeverity });
+ * ```
+ * @public
+ */
+export declare const sortNotificationBySeverity: (a: HTMLElement, b: HTMLElement) => number;
+
 /**
  * Interface for Toast configuration
  * @public

package/docs/api/foundation-notifications.md

@@ -317,6 +317,17 @@ Shows the notification snackbar
 Shows the notification toast
 
 
+</td></tr>
+<tr><td>
+
+[sortNotificationBySeverity(a, b)](./foundation-notifications.sortnotificationbyseverity.md)
+
+
+</td><td>
+
+A ready-made sort comparator for use with [NotifyContainerConfig.sortFn](./foundation-notifications.notifycontainerconfig.sortfn.md) that places the most severe notifications at the top of the stack. Severity is determined by the `notify` attribute on each toast element: `error` (highest) → `warning` → `success` → unstyled (lowest).
+
+
 </td></tr>
 </tbody></table>
 

package/docs/api/foundation-notifications.notifycontainer.md

@@ -86,6 +86,23 @@ string
 </td><td>
 
 
+</td></tr>
+<tr><td>
+
+[notificationInterval](./foundation-notifications.notifycontainer.notificationinterval.md)
+
+
+</td><td>
+
+
+</td><td>
+
+number
+
+
+</td><td>
+
+
 </td></tr>
 <tr><td>
 
@@ -137,6 +154,25 @@ Node\[\]
 </td><td>
 
 
+</td></tr>
+<tr><td>
+
+[sortFn?](./foundation-notifications.notifycontainer.sortfn.md)
+
+
+</td><td>
+
+
+</td><td>
+
+(a: HTMLElement, b: HTMLElement) =&gt; number
+
+
+</td><td>
+
+_(Optional)_
+
+
 </td></tr>
 <tr><td>
 

package/docs/api/foundation-notifications.notifycontainer.notificationinterval.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-notifications](./foundation-notifications.md) &gt; [NotifyContainer](./foundation-notifications.notifycontainer.md) &gt; [notificationInterval](./foundation-notifications.notifycontainer.notificationinterval.md)
+
+## NotifyContainer.notificationInterval property
+
+**Signature:**
+
+```typescript
+notificationInterval: number;
+```

package/docs/api/foundation-notifications.notifycontainer.sortfn.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-notifications](./foundation-notifications.md) &gt; [NotifyContainer](./foundation-notifications.notifycontainer.md) &gt; [sortFn](./foundation-notifications.notifycontainer.sortfn.md)
+
+## NotifyContainer.sortFn property
+
+**Signature:**
+
+```typescript
+sortFn?: (a: HTMLElement, b: HTMLElement) => number;
+```

package/docs/api/foundation-notifications.notifycontainerconfig.allowcloseall.md

@@ -4,6 +4,8 @@
 
 ## NotifyContainerConfig.allowCloseAll property
 
+Whether to show the Close All button in the header.
+
 **Signature:**
 
 ```typescript

package/docs/api/foundation-notifications.notifycontainerconfig.allowmanualcollapse.md

@@ -4,6 +4,8 @@
 
 ## NotifyContainerConfig.allowManualCollapse property
 
+Whether to show the Expand/Collapse button in the header.
+
 **Signature:**
 
 ```typescript

package/docs/api/foundation-notifications.notifycontainerconfig.designsystemprefix.md

@@ -4,6 +4,8 @@
 
 ## NotifyContainerConfig.designSystemPrefix property
 
+The design system prefix used to resolve child component tag names (e.g. buttons, icons).
+
 **Signature:**
 
 ```typescript

package/docs/api/foundation-notifications.notifycontainerconfig.md

@@ -48,6 +48,8 @@ boolean
 
 </td><td>
 
+Whether to show the Close All button in the header.
+
 
 </td></tr>
 <tr><td>
@@ -65,6 +67,8 @@ boolean
 
 </td><td>
 
+Whether to show the Expand/Collapse button in the header.
+
 
 </td></tr>
 <tr><td>
@@ -82,6 +86,29 @@ string
 
 </td><td>
 
+The design system prefix used to resolve child component tag names (e.g. buttons, icons).
+
+
+</td></tr>
+<tr><td>
+
+[notificationInterval](./foundation-notifications.notifycontainerconfig.notificationinterval.md)
+
+
+</td><td>
+
+
+</td><td>
+
+number
+
+
+</td><td>
+
+When set, notifications added simultaneously are revealed one-by-one with this delay (in ms) between each. Auto-close timers on individual notifications only begin once they are shown. Setting this to 0 disables queuing.
+
+When [NotifyContainerConfig.sortFn](./foundation-notifications.notifycontainerconfig.sortfn.md) is also set, each incoming notification that would not appear at the front of the collapsed stack will briefly peek at the front for half the interval duration before animating to its sorted position, making it visible to the user before it settles.
+
 
 </td></tr>
 <tr><td>
@@ -99,6 +126,8 @@ string
 
 </td><td>
 
+The corner of the screen where notifications appear. Note: bottom-left and bottom-right are not currently supported.
+
 
 </td></tr>
 <tr><td>
@@ -116,6 +145,27 @@ boolean
 
 </td><td>
 
+Whether to show the notification count in the header.
+
+
+</td></tr>
+<tr><td>
+
+[sortFn?](./foundation-notifications.notifycontainerconfig.sortfn.md)
+
+
+</td><td>
+
+
+</td><td>
+
+(a: HTMLElement, b: HTMLElement) =&gt; number
+
+
+</td><td>
+
+_(Optional)_ An optional comparator function to sort visible notifications. Follows the same signature as `Array.sort` — return a negative number to sort `a` before `b` (i.e. higher in the stack). Re-applied automatically whenever the set of visible notifications changes. See [sortNotificationBySeverity()](./foundation-notifications.sortnotificationbyseverity.md) for a ready-made example.
+
 
 </td></tr>
 <tr><td>
@@ -133,6 +183,8 @@ number
 
 </td><td>
 
+The number of visible notifications that triggers the stack to auto-collapse.
+
 
 </td></tr>
 </tbody></table>

package/docs/api/foundation-notifications.notifycontainerconfig.notificationinterval.md

@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-notifications](./foundation-notifications.md) &gt; [NotifyContainerConfig](./foundation-notifications.notifycontainerconfig.md) &gt; [notificationInterval](./foundation-notifications.notifycontainerconfig.notificationinterval.md)
+
+## NotifyContainerConfig.notificationInterval property
+
+When set, notifications added simultaneously are revealed one-by-one with this delay (in ms) between each. Auto-close timers on individual notifications only begin once they are shown. Setting this to 0 disables queuing.
+
+When [NotifyContainerConfig.sortFn](./foundation-notifications.notifycontainerconfig.sortfn.md) is also set, each incoming notification that would not appear at the front of the collapsed stack will briefly peek at the front for half the interval duration before animating to its sorted position, making it visible to the user before it settles.
+
+**Signature:**
+
+```typescript
+notificationInterval: number;
+```

package/docs/api/foundation-notifications.notifycontainerconfig.position.md

@@ -4,6 +4,8 @@
 
 ## NotifyContainerConfig.position property
 
+The corner of the screen where notifications appear. Note: bottom-left and bottom-right are not currently supported.
+
 **Signature:**
 
 ```typescript

package/docs/api/foundation-notifications.notifycontainerconfig.showcount.md

@@ -4,6 +4,8 @@
 
 ## NotifyContainerConfig.showCount property
 
+Whether to show the notification count in the header.
+
 **Signature:**
 
 ```typescript

package/docs/api/foundation-notifications.notifycontainerconfig.sortfn.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-notifications](./foundation-notifications.md) &gt; [NotifyContainerConfig](./foundation-notifications.notifycontainerconfig.md) &gt; [sortFn](./foundation-notifications.notifycontainerconfig.sortfn.md)
+
+## NotifyContainerConfig.sortFn property
+
+An optional comparator function to sort visible notifications. Follows the same signature as `Array.sort` — return a negative number to sort `a` before `b` (i.e. higher in the stack). Re-applied automatically whenever the set of visible notifications changes. See [sortNotificationBySeverity()](./foundation-notifications.sortnotificationbyseverity.md) for a ready-made example.
+
+**Signature:**
+
+```typescript
+sortFn?: (a: HTMLElement, b: HTMLElement) => number;
+```

package/docs/api/foundation-notifications.notifycontainerconfig.stackthreshold.md

@@ -4,6 +4,8 @@
 
 ## NotifyContainerConfig.stackThreshold property
 
+The number of visible notifications that triggers the stack to auto-collapse.
+
 **Signature:**
 
 ```typescript

package/docs/api/foundation-notifications.sortnotificationbyseverity.md

@@ -0,0 +1,73 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@genesislcap/foundation-notifications](./foundation-notifications.md) &gt; [sortNotificationBySeverity](./foundation-notifications.sortnotificationbyseverity.md)
+
+## sortNotificationBySeverity() function
+
+A ready-made sort comparator for use with [NotifyContainerConfig.sortFn](./foundation-notifications.notifycontainerconfig.sortfn.md) that places the most severe notifications at the top of the stack. Severity is determined by the `notify` attribute on each toast element: `error` (highest) → `warning` → `success` → unstyled (lowest).
+
+**Signature:**
+
+```typescript
+sortNotificationBySeverity: (a: HTMLElement, b: HTMLElement) => number
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+a
+
+
+</td><td>
+
+HTMLElement
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+b
+
+
+</td><td>
+
+HTMLElement
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
+
+**Returns:**
+
+number
+
+## Example
+
+
+```ts
+configureNotifications({ sortFn: sortNotificationBySeverity });
+```
+

package/docs/api-report.md.api.md

@@ -242,6 +242,10 @@ export class NotifyContainer extends GenesisElement implements NotifyContainerCo
     // @internal (undocumented)
     handleToggleCollapse(): void;
     // (undocumented)
+    notificationInterval: number;
+    // @internal (undocumented)
+    notificationIntervalChanged(_oldValue: number, newValue: number): void;
+    // (undocumented)
     position: ToastPosition;
     // (undocumented)
     showCount: boolean;
@@ -250,6 +254,10 @@ export class NotifyContainer extends GenesisElement implements NotifyContainerCo
     // @internal (undocumented)
     slottedNodesChanged(): void;
     // (undocumented)
+    sortFn?: (a: HTMLElement, b: HTMLElement) => number;
+    // @internal (undocumented)
+    sortFnChanged(): void;
+    // (undocumented)
     stackCollapsed: boolean;
     // (undocumented)
     stackThreshold: number;
@@ -257,17 +265,13 @@ export class NotifyContainer extends GenesisElement implements NotifyContainerCo
 
 // @public (undocumented)
 export interface NotifyContainerConfig {
-    // (undocumented)
     allowCloseAll: boolean;
-    // (undocumented)
     allowManualCollapse: boolean;
-    // (undocumented)
     designSystemPrefix: string;
-    // (undocumented)
+    notificationInterval: number;
     position: ToastPosition;
-    // (undocumented)
     showCount: boolean;
-    // (undocumented)
+    sortFn?: (a: HTMLElement, b: HTMLElement) => number;
     stackThreshold: number;
 }
 
@@ -345,6 +349,9 @@ export interface SnackbarStructure {
 // @public
 export type SnackbarType = 'error' | 'success';
 
+// @public
+export const sortNotificationBySeverity: (a: HTMLElement, b: HTMLElement) => number;
+
 // @public
 export interface Toast {
     // (undocumented)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-notifications",
   "description": "Genesis Foundation UI Notifications Utils",
-  "version": "14.401.1",
+  "version": "14.401.2",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -51,18 +51,18 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.401.1",
-    "@genesislcap/genx": "14.401.1",
-    "@genesislcap/rollup-builder": "14.401.1",
-    "@genesislcap/ts-builder": "14.401.1",
-    "@genesislcap/uvu-playwright-builder": "14.401.1",
-    "@genesislcap/vite-builder": "14.401.1",
-    "@genesislcap/webpack-builder": "14.401.1"
+    "@genesislcap/foundation-testing": "14.401.2",
+    "@genesislcap/genx": "14.401.2",
+    "@genesislcap/rollup-builder": "14.401.2",
+    "@genesislcap/ts-builder": "14.401.2",
+    "@genesislcap/uvu-playwright-builder": "14.401.2",
+    "@genesislcap/vite-builder": "14.401.2",
+    "@genesislcap/webpack-builder": "14.401.2"
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "14.401.1",
-    "@genesislcap/foundation-utils": "14.401.1",
-    "@genesislcap/web-core": "14.401.1"
+    "@genesislcap/foundation-logger": "14.401.2",
+    "@genesislcap/foundation-utils": "14.401.2",
+    "@genesislcap/web-core": "14.401.2"
   },
   "repository": {
     "type": "git",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "67e1a22a530940a9656775a0af0062847f407119"
+  "gitHead": "962c621bc4517795517825d5d8c932aad5f350fd"
 }