@genesislcap/foundation-ui 14.439.3 → 14.441.0

package/dist/dts/dialog/dialog.d.ts

@@ -23,6 +23,11 @@ export declare abstract class DialogElement extends FoundationElement {
      * Whether or not the dialog is resizable
      */
     resizable: boolean;
+    /**
+     * Whether or not the dialog is draggable by its top region
+     */
+    draggable: boolean;
+    draggableChanged(_oldValue: boolean, newValue: boolean): void;
     /**
      * Minimum width for the dialog
      */
@@ -65,6 +70,14 @@ export declare abstract class DialogElement extends FoundationElement {
     private originalMargin;
     private isMaximized;
     private hasBeenResized;
+    private isDragging;
+    private dragOffsetX;
+    private dragOffsetY;
+    private dragDialogWidth;
+    private dragDialogHeight;
+    private onMouseDownBound;
+    private onMouseMoveBound;
+    private onMouseUpBound;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private setupResizeHandlers;
@@ -107,6 +120,15 @@ export declare abstract class DialogElement extends FoundationElement {
      * @public
      */
     resetSize(): void;
+    private attachDragMouseDown;
+    private detachDragMouseDown;
+    private isEventTargetInDraggableTarget;
+    private isInsideTopSlot;
+    private onMouseDown;
+    private onMouseMove;
+    private onMouseUp;
+    private removeDraggableEventListeners;
+    private resetDraggableStyle;
 }
 /**
  * @tagname %%prefix%%-dialog

package/dist/dts/dialog/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAE9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAK/D,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAWjE,eAAO,MAAM,6BAA6B,EAAE,cAG3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,IAAK,CAAC;AAEtC,8BAAsB,aAAc,SAAQ,iBAAiB;IAC3D;;;OAGG;IACH,WAAW,EAAG,iBAAiB,CAAC;IAChC,UAAU,EAAG,WAAW,CAAC;IACzB,cAAc,EAAG,eAAe,CAAC;IACrB,YAAY,EAAG,qBAAqB,CAAC;IACjD,mBAAmB;IAIU,IAAI,EAAE,UAAU,CAAa;IAEpD,QAAQ,EAAE,cAAc,CAAY;IAE1C;;OAEG;IACsD,aAAa,EAAE,OAAO,CAAQ;IAEvF;;OAEG;IACgD,SAAS,EAAE,OAAO,CAAS;IAE9E;;OAEG;IAC+B,QAAQ,EAAE,MAAM,CAAa;IAE/D;;OAEG;IACgC,SAAS,EAAE,MAAM,CAAc;IAElE;;OAEG;IACmC,YAAY,CAAC,EAAE,MAAM,CAAC;IAE5D;;OAEG;IACoC,aAAa,CAAC,EAAE,MAAM,CAAC;IAE9D;;OAEG;IACS,cAAc,EAAE,MAAM,IAAI,CAAC;IAEvC;;OAEG;IACS,eAAe,EAAE,MAAM,IAAI,CAAC;IAGxC,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,mBAAmB,CAAgB;IAC3C,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,QAAQ,CAAa;IAC7B,OAAO,CAAC,aAAa,CAAa;IAClC,OAAO,CAAC,aAAa,CAAa;IAGlC,OAAO,CAAC,aAAa,CAAc;IACnC,OAAO,CAAC,cAAc,CAAc;IACpC,OAAO,CAAC,gBAAgB,CAAc;IACtC,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,cAAc,CAAc;IAGxB,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,cAAc,CAAkB;IAEpD,iBAAiB;IAoBjB,oBAAoB;IAKpB,OAAO,CAAC,mBAAmB;IAgD3B,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,qBAAqB;IAiD7B,OAAO,CAAC,iBAAiB;IAqEzB,OAAO,CAAC,gBAAgB;IA6IxB,OAAO,CAAC,eAAe;IA8BvB;;OAEG;IACH,IACI,IAAI,IAAI,OAAO,CAElB;IAED;;OAEG;IACH,IACI,cAAc,IAAI,MAAM,CAE3B;IAED;;OAEG;IACH,QAAQ,CAAC,IAAI,IAAI,IAAI;IAErB;;OAEG;IACH,KAAK,IAAI,IAAI;IAIb;;OAEG;IACI,OAAO;IAOd;;OAEG;IACI,WAAW,IAAI,IAAI;IAS1B;;;OAGG;IACH,OAAO,CAAC,QAAQ;IAoBhB;;;OAGG;IACI,SAAS,IAAI,IAAI;CAyBzB;AAED;;;;;GAKG;AACH,qBAAa,MAAO,SAAQ,aAAa;IACvC,IAAI,IAAI,IAAI;CAIb;AAED;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;iBAM3B,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.ts"],"names":[],"mappings":"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"}

package/dist/dts/dialog/dialog.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,sBAAsB,EAAE,aA6QpC,CAAC"}
+{"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,sBAAsB,EAAE,aAiRpC,CAAC"}

package/dist/dts/modal/modal.d.ts

@@ -5,26 +5,7 @@ export declare const defaultModalConfig: {};
  * @tagname %%prefix%%-modal
  */
 export declare class Modal extends DialogElement {
-    private isDragging;
-    private offsetX;
-    private offsetY;
-    private modalWidth;
-    private modalHeight;
-    private onMouseDownBound;
-    private onMouseMoveBound;
-    private onMouseUpBound;
-    draggable: boolean;
-    draggableChanged(ignore: any, newValue: boolean): void;
     show(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    onCloseCallback: () => void;
-    private isEventTargetInDraggableTarget;
-    private isInsideTopSlot;
-    private onMouseDown;
-    private onMouseMove;
-    private onMouseUp;
-    private removeDraggableEventListeners;
 }
 /**
  * The Foundation Modal

package/dist/dts/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAK1C,eAAO,MAAM,4BAA4B,EAAE,cAG1C,CAAC;AAEF,eAAO,MAAM,kBAAkB,IAAK,CAAC;AAErC;;GAEG;AACH,qBAAa,KAAM,SAAQ,aAAa;IACtC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,WAAW,CAAK;IAExB,OAAO,CAAC,gBAAgB,CAA8C;IACtE,OAAO,CAAC,gBAAgB,CAA8C;IACtE,OAAO,CAAC,cAAc,CAA6B;IAExB,SAAS,UAAS;IAC7C,gBAAgB,CAAC,MAAM,KAAA,EAAE,QAAQ,EAAE,OAAO;IAa1C,IAAI,IAAI,IAAI;IAKZ,iBAAiB;IASjB,oBAAoB;IAUpB,eAAe,aASb;IAEF,OAAO,CAAC,8BAA8B;IAMtC,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,WAAW;IAuBnB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,6BAA6B;CAWtC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;gBAM1B,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAK1C,eAAO,MAAM,4BAA4B,EAAE,cAG1C,CAAC;AAEF,eAAO,MAAM,kBAAkB,IAAK,CAAC;AAErC;;GAEG;AACH,qBAAa,KAAM,SAAQ,aAAa;IACtC,IAAI,IAAI,IAAI;CAIb;AAED;;;;;;GAMG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;gBAM1B,CAAC"}

package/dist/dts/modal/modal.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.styles.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAI7D,eAAO,MAAM,qBAAqB,EAAE,aAMnC,CAAC"}
+{"version":3,"file":"modal.styles.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAI7D,eAAO,MAAM,qBAAqB,EAAE,aAEnC,CAAC"}

package/dist/dts/react.d.ts

@@ -138,15 +138,6 @@ export declare const ActionsMenu: React.ForwardRefExoticComponent<
 >;
 export type ActionsMenuRef = ActionsMenuWC;
 
-export declare const Accordion: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-    }
-  > & React.RefAttributes<AccordionWC>
->;
-export type AccordionRef = AccordionWC;
-
 export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<AiCriteriaSearchWC>, 'children' | 'style'> &
@@ -158,6 +149,15 @@ export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
 >;
 export type AiCriteriaSearchRef = AiCriteriaSearchWC;
 
+export declare const Accordion: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<AccordionWC>
+>;
+export type AccordionRef = AccordionWC;
+
 export declare const AiIndicator: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<AiIndicatorWC>, 'children' | 'style'> &

package/dist/esm/dialog/dialog.js

@@ -29,6 +29,10 @@ export class DialogElement extends FoundationElement {
          * Whether or not the dialog is resizable
          */
         this.resizable = false;
+        /**
+         * Whether or not the dialog is draggable by its top region
+         */
+        this.draggable = false;
         /**
          * Minimum width for the dialog
          */
@@ -58,17 +62,36 @@ export class DialogElement extends FoundationElement {
         // Maximize state tracking
         this.isMaximized = false;
         this.hasBeenResized = false;
+        // Drag state
+        this.isDragging = false;
+        this.dragOffsetX = 0;
+        this.dragOffsetY = 0;
+        this.dragDialogWidth = 0;
+        this.dragDialogHeight = 0;
+        this.onMouseDownBound = null;
+        this.onMouseMoveBound = null;
+        this.onMouseUpBound = null;
     }
     notificationChanged() {
         if (this.notification)
             this.showCloseIcon = false;
     }
+    draggableChanged(_oldValue, newValue) {
+        if (newValue) {
+            this.attachDragMouseDown();
+        }
+        else {
+            this.detachDragMouseDown();
+            this.removeDraggableEventListeners();
+        }
+    }
     connectedCallback() {
         super.connectedCallback();
         if (!window['HTMLDialogElement']) {
             dialogPolyfill.registerDialog(this.mainElement);
         }
         this.mainElement.addEventListener('close', () => {
+            this.resetDraggableStyle();
             if (this.onCloseCallback)
                 this.onCloseCallback();
             this.$emit('close');
@@ -78,10 +101,13 @@ export class DialogElement extends FoundationElement {
         }
         // Set up resize handlers
         this.setupResizeHandlers();
+        this.attachDragMouseDown();
     }
     disconnectedCallback() {
         super.disconnectedCallback();
         this.removeResizeHandlers();
+        this.detachDragMouseDown();
+        this.removeDraggableEventListeners();
     }
     setupResizeHandlers() {
         if (!this.resizable)
@@ -471,6 +497,91 @@ export class DialogElement extends FoundationElement {
             height: this.mainElement.offsetHeight,
         });
     }
+    attachDragMouseDown() {
+        if (!this.draggable || !this.mainElement)
+            return;
+        if (!this.onMouseDownBound) {
+            this.onMouseDownBound = this.onMouseDown.bind(this);
+        }
+        // removeEventListener before addEventListener so we never attach twice when
+        // both draggableChanged (pre-render) and connectedCallback (post-render) run.
+        this.mainElement.removeEventListener('mousedown', this.onMouseDownBound);
+        this.mainElement.addEventListener('mousedown', this.onMouseDownBound);
+    }
+    detachDragMouseDown() {
+        if (!this.onMouseDownBound || !this.mainElement)
+            return;
+        this.mainElement.removeEventListener('mousedown', this.onMouseDownBound);
+        this.onMouseDownBound = null;
+    }
+    isEventTargetInDraggableTarget(event) {
+        var _a;
+        return (((_a = this.topElement) === null || _a === void 0 ? void 0 : _a.contains(event.target)) || this.isInsideTopSlot(event.target));
+    }
+    isInsideTopSlot(target) {
+        if (!this.topElementSlot)
+            return false;
+        const assignedNodes = this.topElementSlot.assignedNodes();
+        return assignedNodes.some((node) => node === target || node.contains(target));
+    }
+    onMouseDown(event) {
+        if (!this.topElement || !this.isEventTargetInDraggableTarget(event) || this.isDragging)
+            return;
+        this.isDragging = true;
+        const rect = this.mainElement.getBoundingClientRect();
+        this.dragOffsetX = event.clientX - rect.left;
+        this.dragOffsetY = event.clientY - rect.top;
+        // Store the dialog's width and height to minimize calls to getBoundingClientRect
+        this.dragDialogWidth = rect.width;
+        this.dragDialogHeight = rect.height;
+        this.onMouseMoveBound = this.onMouseMove.bind(this);
+        this.onMouseUpBound = this.onMouseUp.bind(this);
+        document.addEventListener('mousemove', this.onMouseMoveBound);
+        document.addEventListener('mouseup', this.onMouseUpBound);
+    }
+    onMouseMove(event) {
+        if (!this.isDragging || !this.mainElement)
+            return;
+        const viewportWidth = window.innerWidth;
+        const viewportHeight = window.innerHeight;
+        let newLeft = event.clientX - this.dragOffsetX;
+        let newTop = event.clientY - this.dragOffsetY;
+        // Ensure dialog stays within screen boundaries
+        newLeft = Math.max(0, Math.min(viewportWidth - this.dragDialogWidth, newLeft));
+        newTop = Math.max(0, Math.min(viewportHeight - this.dragDialogHeight, newTop));
+        requestAnimationFrame(() => {
+            Object.assign(this.mainElement.style, {
+                position: 'absolute',
+                left: `${newLeft}px`,
+                top: `${newTop}px`,
+                margin: '0',
+            });
+        });
+    }
+    onMouseUp() {
+        this.isDragging = false;
+        this.removeDraggableEventListeners();
+    }
+    removeDraggableEventListeners() {
+        if (this.onMouseMoveBound) {
+            document.removeEventListener('mousemove', this.onMouseMoveBound);
+            this.onMouseMoveBound = null;
+        }
+        if (this.onMouseUpBound) {
+            document.removeEventListener('mouseup', this.onMouseUpBound);
+            this.onMouseUpBound = null;
+        }
+    }
+    resetDraggableStyle() {
+        if (!this.draggable || !(this.mainElement instanceof HTMLElement))
+            return;
+        Object.assign(this.mainElement.style, {
+            position: '',
+            left: '',
+            top: '',
+            margin: '',
+        });
+    }
 }
 __decorate([
     observable
@@ -487,6 +598,9 @@ __decorate([
 __decorate([
     attr({ mode: 'boolean', attribute: 'resizable' })
 ], DialogElement.prototype, "resizable", void 0);
+__decorate([
+    attr({ mode: 'boolean' })
+], DialogElement.prototype, "draggable", void 0);
 __decorate([
     attr({ attribute: 'min-width' })
 ], DialogElement.prototype, "minWidth", void 0);

package/dist/esm/dialog/dialog.styles.js

@@ -44,6 +44,10 @@ export const foundationDialogStyles = css `
     align-items: center;
   }
 
+  :host([draggable])::part(top) {
+    cursor: move;
+  }
+
   .close-icon {
     display: var(--dialog-close-icon-display);
   }

package/dist/esm/modal/modal.js

@@ -1,5 +1,3 @@
-import { __decorate } from "tslib";
-import { attr } from '@microsoft/fast-element';
 import { DialogElement } from '../dialog';
 import { foundationModalStyles as styles } from './modal.styles';
 import { foundationModalTemplate as template } from './modal.template';
@@ -13,126 +11,12 @@ export const defaultModalConfig = {};
  * @tagname %%prefix%%-modal
  */
 export class Modal extends DialogElement {
-    constructor() {
-        super(...arguments);
-        this.isDragging = false;
-        this.offsetX = 0;
-        this.offsetY = 0;
-        this.modalWidth = 0;
-        this.modalHeight = 0;
-        this.onMouseDownBound = null;
-        this.onMouseMoveBound = null;
-        this.onMouseUpBound = null;
-        this.draggable = false;
-        this.onCloseCallback = () => {
-            if (this.draggable && this.mainElement instanceof HTMLElement) {
-                Object.assign(this.mainElement.style, {
-                    position: '',
-                    left: '',
-                    top: '',
-                    margin: '',
-                });
-            }
-        };
-    }
-    draggableChanged(ignore, newValue) {
-        var _a, _b;
-        if (newValue) {
-            this.onMouseDownBound = this.onMouseDown.bind(this);
-            (_a = this.mainElement) === null || _a === void 0 ? void 0 : _a.addEventListener('mousedown', this.onMouseDownBound);
-        }
-        else {
-            if (this.onMouseDownBound) {
-                (_b = this.mainElement) === null || _b === void 0 ? void 0 : _b.removeEventListener('mousedown', this.onMouseDownBound);
-                this.onMouseDownBound = null;
-            }
-            this.removeDraggableEventListeners();
-        }
-    }
     show() {
         var _a, _b;
         (_a = this.onShowCallback) === null || _a === void 0 ? void 0 : _a.call(this);
         (_b = this.mainElement) === null || _b === void 0 ? void 0 : _b.showModal();
     }
-    connectedCallback() {
-        var _a;
-        super.connectedCallback();
-        if (this.draggable) {
-            this.onMouseDownBound = this.onMouseDown.bind(this);
-            (_a = this.mainElement) === null || _a === void 0 ? void 0 : _a.addEventListener('mousedown', this.onMouseDownBound);
-        }
-    }
-    disconnectedCallback() {
-        var _a;
-        super.disconnectedCallback();
-        this.removeDraggableEventListeners();
-        if (this.onMouseDownBound) {
-            (_a = this.mainElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('mousedown', this.onMouseDownBound);
-            this.onMouseDownBound = null;
-        }
-    }
-    isEventTargetInDraggableTarget(event) {
-        var _a;
-        return (((_a = this.topElement) === null || _a === void 0 ? void 0 : _a.contains(event.target)) || this.isInsideTopSlot(event.target));
-    }
-    isInsideTopSlot(target) {
-        if (!this.topElementSlot)
-            return false;
-        const assignedNodes = this.topElementSlot.assignedNodes();
-        return assignedNodes.some((node) => node === target || node.contains(target));
-    }
-    onMouseDown(event) {
-        if (!this.topElement || !this.isEventTargetInDraggableTarget(event) || this.isDragging)
-            return;
-        this.isDragging = true;
-        const rect = this.mainElement.getBoundingClientRect();
-        this.offsetX = event.clientX - rect.left;
-        this.offsetY = event.clientY - rect.top;
-        // Store the modal’s width and height to minimize calls to getBoundingClientRect
-        this.modalWidth = rect.width;
-        this.modalHeight = rect.height;
-        this.onMouseMoveBound = this.onMouseMove.bind(this);
-        this.onMouseUpBound = this.onMouseUp.bind(this);
-        document.addEventListener('mousemove', this.onMouseMoveBound);
-        document.addEventListener('mouseup', this.onMouseUpBound);
-    }
-    onMouseMove(event) {
-        if (!this.isDragging || !this.mainElement)
-            return;
-        const viewportWidth = window.innerWidth;
-        const viewportHeight = window.innerHeight;
-        let newLeft = event.clientX - this.offsetX;
-        let newTop = event.clientY - this.offsetY;
-        // Ensure modal stays within screen boundaries
-        newLeft = Math.max(0, Math.min(viewportWidth - this.modalWidth, newLeft));
-        newTop = Math.max(0, Math.min(viewportHeight - this.modalHeight, newTop));
-        requestAnimationFrame(() => {
-            Object.assign(this.mainElement.style, {
-                position: 'absolute',
-                left: `${newLeft}px`,
-                top: `${newTop}px`,
-                margin: '0',
-            });
-        });
-    }
-    onMouseUp() {
-        this.isDragging = false;
-        this.removeDraggableEventListeners();
-    }
-    removeDraggableEventListeners() {
-        if (this.onMouseMoveBound) {
-            document.removeEventListener('mousemove', this.onMouseMoveBound);
-            this.onMouseMoveBound = null;
-        }
-        if (this.onMouseUpBound) {
-            document.removeEventListener('mouseup', this.onMouseUpBound);
-            this.onMouseUpBound = null;
-        }
-    }
 }
-__decorate([
-    attr({ mode: 'boolean' })
-], Modal.prototype, "draggable", void 0);
 /**
  * The Foundation Modal
  *

package/dist/esm/modal/modal.styles.js

@@ -2,8 +2,4 @@ import { css } from '@microsoft/fast-element';
 import { foundationDialogStyles } from '../dialog';
 export const foundationModalStyles = css `
   ${foundationDialogStyles}
-
-  :host([draggable])::part(top) {
-    cursor: move;
-  }
 `;

package/dist/react.cjs

@@ -112,11 +112,6 @@ const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
   return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
 });
 
-const Accordion = React.forwardRef(function Accordion(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
-});
-
 const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
   const { onCriteriaChanged, onValidationErrors, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -139,6 +134,11 @@ const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref)
   return React.createElement(customElements.getName(AiCriteriaSearchWC) ?? '%%prefix%%-ai-criteria-search', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+const Accordion = React.forwardRef(function Accordion(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
+});
+
 const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
@@ -879,8 +879,8 @@ const UrlInput = React.forwardRef(function UrlInput(props, ref) {
 module.exports = {
   AccordionItem,
   ActionsMenu,
-  Accordion,
   AiCriteriaSearch,
+  Accordion,
   AiIndicator,
   Anchor,
   AnchoredRegion,

package/dist/react.mjs

@@ -110,11 +110,6 @@ export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
   return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
 });
 
-export const Accordion = React.forwardRef(function Accordion(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
-});
-
 export const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
   const { onCriteriaChanged, onValidationErrors, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -137,6 +132,11 @@ export const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props
   return React.createElement(customElements.getName(AiCriteriaSearchWC) ?? '%%prefix%%-ai-criteria-search', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+export const Accordion = React.forwardRef(function Accordion(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
+});
+
 export const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-ui",
   "description": "Genesis Foundation UI",
-  "version": "14.439.3",
+  "version": "14.441.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -85,13 +85,13 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.439.3",
-    "@genesislcap/genx": "14.439.3",
-    "@genesislcap/rollup-builder": "14.439.3",
-    "@genesislcap/ts-builder": "14.439.3",
-    "@genesislcap/uvu-playwright-builder": "14.439.3",
-    "@genesislcap/vite-builder": "14.439.3",
-    "@genesislcap/webpack-builder": "14.439.3",
+    "@genesislcap/foundation-testing": "14.441.0",
+    "@genesislcap/genx": "14.441.0",
+    "@genesislcap/rollup-builder": "14.441.0",
+    "@genesislcap/ts-builder": "14.441.0",
+    "@genesislcap/uvu-playwright-builder": "14.441.0",
+    "@genesislcap/vite-builder": "14.441.0",
+    "@genesislcap/webpack-builder": "14.441.0",
     "copyfiles": "^2.4.1"
   },
   "dependencies": {
@@ -100,16 +100,16 @@
     "@fortawesome/free-regular-svg-icons": "^6.2.1",
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/expression-builder": "14.439.3",
-    "@genesislcap/foundation-ai": "14.439.3",
-    "@genesislcap/foundation-comms": "14.439.3",
-    "@genesislcap/foundation-criteria": "14.439.3",
-    "@genesislcap/foundation-errors": "14.439.3",
-    "@genesislcap/foundation-events": "14.439.3",
-    "@genesislcap/foundation-logger": "14.439.3",
-    "@genesislcap/foundation-notifications": "14.439.3",
-    "@genesislcap/foundation-user": "14.439.3",
-    "@genesislcap/foundation-utils": "14.439.3",
+    "@genesislcap/expression-builder": "14.441.0",
+    "@genesislcap/foundation-ai": "14.441.0",
+    "@genesislcap/foundation-comms": "14.441.0",
+    "@genesislcap/foundation-criteria": "14.441.0",
+    "@genesislcap/foundation-errors": "14.441.0",
+    "@genesislcap/foundation-events": "14.441.0",
+    "@genesislcap/foundation-logger": "14.441.0",
+    "@genesislcap/foundation-notifications": "14.441.0",
+    "@genesislcap/foundation-user": "14.441.0",
+    "@genesislcap/foundation-utils": "14.441.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -142,5 +142,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "75d483c70f8d48c49eca72c6da18cb42e1076dd2"
+  "gitHead": "7aa35983955df48854be7f8e1ea6d56eff71c3b5"
 }