@genesislcap/foundation-ui 15.9.0 → 15.10.0

package/dist/dts/icon/icon.d.ts

@@ -21,6 +21,19 @@ export declare class Icon extends FoundationElement {
     tooltipId: string;
     tooltip: string;
     isError: boolean;
+    /**
+     * The `<%%prefix%%-tooltip>` bubble stays in this component's template and shadow root,
+     * but is promoted to the browser top layer via the Popover API when shown — the top layer
+     * escapes ancestor stacking contexts, transforms and overflow clipping, which is what
+     * lets virtualized grid rows (absolutely-positioned, later-DOM-order siblings) paint over
+     * an in-place bubble. Content rendering stays FASTTooltip's own anchor-hover logic
+     * (`delay="0"` so it is rendered by the time the popover opens and is measured); only
+     * host visibility and placement are managed here, because FASTTooltip's anchored-region
+     * placement does not resolve for the subclassed genesis components
+     * (`tagFor(AnchoredRegion)` misses — compose() without `baseClass`).
+     */
+    tooltipElement: HTMLElement | undefined;
+    private tooltipShowTimer;
     name: IconName;
     nameChanged(oldValue: string, newValue: string): void;
     size: FaSize;
@@ -29,6 +42,18 @@ export declare class Icon extends FoundationElement {
     variantChanged(oldValue: string, newValue: string): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private showTooltip;
+    /**
+     * Places the bubble from the anchor's current viewport position (scrolled grid, resized
+     * layout) just before it is shown; top-layer coordinates are viewport-relative. Prefers
+     * the anchor's right edge, flips to its left when the right side would clip at the
+     * viewport, and clamps vertically so bottom rows keep the whole bubble on screen. The
+     * bubble's width is fixed in CSS, so measuring before final placement is safe; height
+     * comes from scroll size because FASTTooltip's host is a zero-height box whose part div
+     * overflows it.
+     */
+    private positionTooltip;
+    private hideTooltip;
     getDefaultTooltipConfig(): void;
     loadIcon(): void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,QAAQ,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAClG,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAI/D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAG/B,eAAO,MAAM,2BAA2B,EAAE,cAGzC,CAAC;AAEF,eAAO,MAAM,iBAAiB,IAAK,CAAC;AAEpC,oBAAY,iBAAiB;IAC3B,KAAK,QAAQ;IACb,OAAO,QAAQ;IACf,KAAK,QAAQ;CACd;AAED,eAAO,MAAM,kBAAkB,EAAG,IAAa,CAAC;AAEhD,eAAO,MAAM,YAAY,sIAmBf,CAAC;AAEX,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAEnD;;GAEG;AACH,qBAAa,IAAK,SAAQ,iBAAiB;IAC7B,QAAQ,EAAE,WAAW,CAAC;IAC5B,IAAI,EAAE,IAAI,CAAC;IACkB,SAAS,EAAE,MAAM,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC;IACyB,OAAO,EAAE,OAAO,CAAS;IAElE,IAAI,EAAE,QAAQ,CAAC;IACrB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAIxC,IAAI,EAAE,MAAM,CAAQ;IAC1B,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAIxC,OAAO,EAAE,SAAS,CAAW;IACnC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAIjD,iBAAiB;IAMjB,oBAAoB;IAKpB,uBAAuB;IAQhB,QAAQ;CAwBhB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,oTAMzB,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,QAAQ,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAClG,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAI/D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAG/B,eAAO,MAAM,2BAA2B,EAAE,cAGzC,CAAC;AAEF,eAAO,MAAM,iBAAiB,IAAK,CAAC;AAEpC,oBAAY,iBAAiB;IAC3B,KAAK,QAAQ;IACb,OAAO,QAAQ;IACf,KAAK,QAAQ;CACd;AAED,eAAO,MAAM,kBAAkB,EAAG,IAAa,CAAC;AAEhD,eAAO,MAAM,YAAY,sIAmBf,CAAC;AAEX,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAKnD;;GAEG;AACH,qBAAa,IAAK,SAAQ,iBAAiB;IAC7B,QAAQ,EAAE,WAAW,CAAC;IAC5B,IAAI,EAAE,IAAI,CAAC;IACkB,SAAS,EAAE,MAAM,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC;IACyB,OAAO,EAAE,OAAO,CAAS;IAExE;;;;;;;;;;OAUG;IACH,cAAc,EAAE,WAAW,GAAG,SAAS,CAAC;IAExC,OAAO,CAAC,gBAAgB,CAAuB;IAEzC,IAAI,EAAE,QAAQ,CAAC;IACrB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAIxC,IAAI,EAAE,MAAM,CAAQ;IAC1B,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAIxC,OAAO,EAAE,SAAS,CAAW;IACnC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAIjD,iBAAiB;IAUjB,oBAAoB;IAUpB,OAAO,CAAC,WAAW,CAgBjB;IAEF;;;;;;;;OAQG;IACH,OAAO,CAAC,eAAe;IAmBvB,OAAO,CAAC,WAAW,CAQjB;IAEF,uBAAuB;IAQhB,QAAQ;CAwBhB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,oTAMzB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"icon.styles.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAGpC,eAAO,MAAM,oBAAoB,GAC/B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA2EF,CAAC"}
+{"version":3,"file":"icon.styles.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAGpC,eAAO,MAAM,oBAAoB,GAC/B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA8FF,CAAC"}

package/dist/dts/icon/icon.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.template.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.template.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAI5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEnC,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,KAAG,YAsBhD,CAAC;AAEF,eAAO,MAAM,sBAAsB,yBAElC,CAAC"}
+{"version":3,"file":"icon.template.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.template.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAI5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEnC,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,KAAG,YA6BhD,CAAC;AAEF,eAAO,MAAM,sBAAsB,yBAElC,CAAC"}

package/dist/dts/react.d.ts

@@ -133,15 +133,6 @@ interface HTMLWCProps extends React.AriaAttributes {
   onInput?(e: Event): void;
 }
 
-export declare const AccordionItem: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-    }
-  > & React.RefAttributes<AccordionItemWC>
->;
-export type AccordionItemRef = AccordionItemWC;
-
 export declare const Accordion: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
@@ -151,14 +142,14 @@ export declare const Accordion: React.ForwardRefExoticComponent<
 >;
 export type AccordionRef = AccordionWC;
 
-export declare const ActionsMenu: React.ForwardRefExoticComponent<
+export declare const AccordionItem: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<ActionsMenuWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<ActionsMenuWC>
+  > & React.RefAttributes<AccordionItemWC>
 >;
-export type ActionsMenuRef = ActionsMenuWC;
+export type AccordionItemRef = AccordionItemWC;
 
 export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -180,6 +171,15 @@ export declare const AiIndicator: React.ForwardRefExoticComponent<
 >;
 export type AiIndicatorRef = AiIndicatorWC;
 
+export declare const ActionsMenu: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<ActionsMenuWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<ActionsMenuWC>
+>;
+export type ActionsMenuRef = ActionsMenuWC;
+
 export declare const Anchor: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<AnchorWC>, 'children' | 'style'> &

package/dist/esm/icon/icon.js

@@ -38,6 +38,8 @@ export const faSizeValues = [
     'stack-1x',
     'stack-2x',
 ];
+/** Matches FASTTooltip's default show delay. */
+const tooltipShowDelayMs = 300;
 /**
  * @tagname %%prefix%%-icon
  */
@@ -45,8 +47,36 @@ export class Icon extends FoundationElement {
     constructor() {
         super(...arguments);
         this.isError = false;
+        this.tooltipShowTimer = null;
         this.size = 'sm';
         this.variant = 'solid';
+        this.showTooltip = () => {
+            const tooltip = this.tooltipElement;
+            if (!tooltip || this.tooltipShowTimer !== null || tooltip.matches(':popover-open')) {
+                return;
+            }
+            this.tooltipShowTimer = window.setTimeout(() => {
+                this.tooltipShowTimer = null;
+                const delayedTooltip = this.tooltipElement;
+                if (!(delayedTooltip === null || delayedTooltip === void 0 ? void 0 : delayedTooltip.isConnected)) {
+                    return;
+                }
+                // Show first so the closed popover's display: none is lifted and the bubble has a
+                // layout box to measure; positioning happens in the same task, before any paint.
+                delayedTooltip.showPopover();
+                this.positionTooltip(delayedTooltip);
+            }, tooltipShowDelayMs);
+        };
+        this.hideTooltip = () => {
+            var _a;
+            if (this.tooltipShowTimer !== null) {
+                window.clearTimeout(this.tooltipShowTimer);
+                this.tooltipShowTimer = null;
+            }
+            if ((_a = this.tooltipElement) === null || _a === void 0 ? void 0 : _a.matches(':popover-open')) {
+                this.tooltipElement.hidePopover();
+            }
+        };
     }
     nameChanged(oldValue, newValue) {
         newValue ? this.loadIcon() : '';
@@ -58,12 +88,46 @@ export class Icon extends FoundationElement {
         newValue ? this.loadIcon() : '';
     }
     connectedCallback() {
+        var _a, _b, _c, _d;
         super.connectedCallback();
         this.loadIcon();
+        (_a = this.iElement) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseover', this.showTooltip, { passive: true });
+        (_b = this.iElement) === null || _b === void 0 ? void 0 : _b.addEventListener('focusin', this.showTooltip, { passive: true });
+        (_c = this.iElement) === null || _c === void 0 ? void 0 : _c.addEventListener('mouseout', this.hideTooltip, { passive: true });
+        (_d = this.iElement) === null || _d === void 0 ? void 0 : _d.addEventListener('focusout', this.hideTooltip, { passive: true });
     }
     disconnectedCallback() {
         super.disconnectedCallback();
         this.iElement.replaceChildren();
+        this.iElement.removeEventListener('mouseover', this.showTooltip);
+        this.iElement.removeEventListener('focusin', this.showTooltip);
+        this.iElement.removeEventListener('mouseout', this.hideTooltip);
+        this.iElement.removeEventListener('focusout', this.hideTooltip);
+        this.hideTooltip();
+    }
+    /**
+     * Places the bubble from the anchor's current viewport position (scrolled grid, resized
+     * layout) just before it is shown; top-layer coordinates are viewport-relative. Prefers
+     * the anchor's right edge, flips to its left when the right side would clip at the
+     * viewport, and clamps vertically so bottom rows keep the whole bubble on screen. The
+     * bubble's width is fixed in CSS, so measuring before final placement is safe; height
+     * comes from scroll size because FASTTooltip's host is a zero-height box whose part div
+     * overflows it.
+     */
+    positionTooltip(tooltip) {
+        const viewportMargin = 8;
+        const anchorRect = this.iElement.getBoundingClientRect();
+        const hostRect = tooltip.getBoundingClientRect();
+        const width = Math.max(hostRect.width, tooltip.scrollWidth);
+        const height = Math.max(hostRect.height, tooltip.scrollHeight);
+        let left = anchorRect.right;
+        if (left + width > window.innerWidth - viewportMargin) {
+            left = Math.max(viewportMargin, anchorRect.left - width);
+        }
+        const maxTop = Math.max(viewportMargin, window.innerHeight - height - viewportMargin);
+        const top = Math.min(Math.max(anchorRect.top, viewportMargin), maxTop);
+        tooltip.style.top = `${top}px`;
+        tooltip.style.left = `${left}px`;
     }
     getDefaultTooltipConfig() {
         if (!this.name) {

package/dist/esm/icon/icon.styles.js

@@ -20,10 +20,29 @@ export const foundationIconStyles = (context, definition) => css `
   }
 
   .tooltip-element {
-    position: absolute;
-    z-index: 999;
+    /* Shown as a top-layer popover (see Icon.showTooltip): the top layer escapes ancestor
+       stacking contexts, transforms and overflow clipping, so virtualized grid rows cannot
+       paint over the bubble and no z-index is needed. Placement is inline top/left from the
+       anchor rect, so the UA popover box (inset/margin/border/padding/background) is reset
+       to leave the visible box to ::part(tooltip). No display rule here: the UA sheet hides
+       the popover while closed (an author display rule would override that), and
+       position: fixed blockifies the host while open. */
+    position: fixed;
+    inset: unset;
+    margin: 0;
+    border: none;
+    padding: 0;
+    background: transparent;
+    color: inherit;
+    overflow: visible;
     width: 300px;
     contain: unset;
+
+    /* The top layer changes painting, not style inheritance: the bubble still inherits
+       text properties from its host context (e.g. AG Grid cells set white-space: nowrap),
+       so reset the ones that would break a multi-line bubble. */
+    white-space: normal;
+    text-overflow: clip;
   }
 
   .tooltip-element::part(tooltip) {

package/dist/esm/icon/icon.template.js

@@ -12,7 +12,14 @@ export const getPrefixedIcon = (prefix) => html `
       <slot></slot>
     </i>
     ${when((x) => x.tooltip, html `
-        <${prefix}-tooltip part="tooltip" class="tooltip-element" show anchor="${(x) => x.tooltipId}">
+        <${prefix}-tooltip
+          ${ref('tooltipElement')}
+          part="tooltip"
+          class="tooltip-element"
+          popover="manual"
+          delay="0"
+          anchor="${(x) => x.tooltipId}"
+        >
           ${(x) => html `
             ${x.tooltip}
           `}

package/dist/foundation-ui.api.json

@@ -53600,6 +53600,41 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-ui!Icon#tooltipElement:member",
+              "docComment": "/**\n * The `<%%prefix%%-tooltip>` bubble stays in this component's template and shadow root, but is promoted to the browser top layer via the Popover API when shown — the top layer escapes ancestor stacking contexts, transforms and overflow clipping, which is what lets virtualized grid rows (absolutely-positioned, later-DOM-order siblings) paint over an in-place bubble. Content rendering stays FASTTooltip's own anchor-hover logic (`delay=\"0\"` so it is rendered by the time the popover opens and is measured); only host visibility and placement are managed here, because FASTTooltip's anchored-region placement does not resolve for the subclassed genesis components (`tagFor(AnchoredRegion)` misses — compose() without `baseClass`).\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "tooltipElement: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HTMLElement",
+                  "canonicalReference": "!HTMLElement:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": " | undefined"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "tooltipElement",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 3
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-ui!Icon#tooltipId:member",

package/dist/foundation-ui.d.ts

@@ -5347,6 +5347,19 @@ export declare class Icon extends FoundationElement {
     tooltipId: string;
     tooltip: string;
     isError: boolean;
+    /**
+     * The `<%%prefix%%-tooltip>` bubble stays in this component's template and shadow root,
+     * but is promoted to the browser top layer via the Popover API when shown — the top layer
+     * escapes ancestor stacking contexts, transforms and overflow clipping, which is what
+     * lets virtualized grid rows (absolutely-positioned, later-DOM-order siblings) paint over
+     * an in-place bubble. Content rendering stays FASTTooltip's own anchor-hover logic
+     * (`delay="0"` so it is rendered by the time the popover opens and is measured); only
+     * host visibility and placement are managed here, because FASTTooltip's anchored-region
+     * placement does not resolve for the subclassed genesis components
+     * (`tagFor(AnchoredRegion)` misses — compose() without `baseClass`).
+     */
+    tooltipElement: HTMLElement | undefined;
+    private tooltipShowTimer;
     name: IconName;
     nameChanged(oldValue: string, newValue: string): void;
     size: FaSize;
@@ -5355,6 +5368,18 @@ export declare class Icon extends FoundationElement {
     variantChanged(oldValue: string, newValue: string): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private showTooltip;
+    /**
+     * Places the bubble from the anchor's current viewport position (scrolled grid, resized
+     * layout) just before it is shown; top-layer coordinates are viewport-relative. Prefers
+     * the anchor's right edge, flips to its left when the right side would clip at the
+     * viewport, and clamps vertically so bottom rows keep the whole bubble on screen. The
+     * bubble's width is fixed in CSS, so measuring before final placement is safe; height
+     * comes from scroll size because FASTTooltip's host is a zero-height box whose part div
+     * overflows it.
+     */
+    private positionTooltip;
+    private hideTooltip;
     getDefaultTooltipConfig(): void;
     loadIcon(): void;
 }

package/dist/react.cjs

@@ -113,19 +113,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...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 ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
+const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
 const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
@@ -155,6 +150,11 @@ const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
   return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
 });
 
+const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
+});
+
 const Anchor = React.forwardRef(function Anchor(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(AnchorWC) ?? '%%prefix%%-anchor', { ...rest, ref }, children);
@@ -1143,11 +1143,11 @@ const WeeklyRecurrence = React.forwardRef(function WeeklyRecurrence(props, ref)
 });
 
 module.exports = {
-  AccordionItem,
   Accordion,
-  ActionsMenu,
+  AccordionItem,
   AiCriteriaSearch,
   AiIndicator,
+  ActionsMenu,
   Anchor,
   AnchoredRegion,
   Avatar,

package/dist/react.mjs

@@ -111,19 +111,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...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 ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
+export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
 export const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
@@ -153,6 +148,11 @@ export const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
   return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
 });
 
+export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
+});
+
 export const Anchor = React.forwardRef(function Anchor(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(AnchorWC) ?? '%%prefix%%-anchor', { ...rest, ref }, children);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-ui",
   "description": "Genesis Foundation UI",
-  "version": "15.9.0",
+  "version": "15.10.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -85,13 +85,13 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "15.9.0",
-    "@genesislcap/genx": "15.9.0",
-    "@genesislcap/rollup-builder": "15.9.0",
-    "@genesislcap/ts-builder": "15.9.0",
-    "@genesislcap/uvu-playwright-builder": "15.9.0",
-    "@genesislcap/vite-builder": "15.9.0",
-    "@genesislcap/webpack-builder": "15.9.0",
+    "@genesislcap/foundation-testing": "15.10.0",
+    "@genesislcap/genx": "15.10.0",
+    "@genesislcap/rollup-builder": "15.10.0",
+    "@genesislcap/ts-builder": "15.10.0",
+    "@genesislcap/uvu-playwright-builder": "15.10.0",
+    "@genesislcap/vite-builder": "15.10.0",
+    "@genesislcap/webpack-builder": "15.10.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": "15.9.0",
-    "@genesislcap/foundation-ai": "15.9.0",
-    "@genesislcap/foundation-comms": "15.9.0",
-    "@genesislcap/foundation-criteria": "15.9.0",
-    "@genesislcap/foundation-errors": "15.9.0",
-    "@genesislcap/foundation-events": "15.9.0",
-    "@genesislcap/foundation-logger": "15.9.0",
-    "@genesislcap/foundation-notifications": "15.9.0",
-    "@genesislcap/foundation-user": "15.9.0",
-    "@genesislcap/foundation-utils": "15.9.0",
+    "@genesislcap/expression-builder": "15.10.0",
+    "@genesislcap/foundation-ai": "15.10.0",
+    "@genesislcap/foundation-comms": "15.10.0",
+    "@genesislcap/foundation-criteria": "15.10.0",
+    "@genesislcap/foundation-errors": "15.10.0",
+    "@genesislcap/foundation-events": "15.10.0",
+    "@genesislcap/foundation-logger": "15.10.0",
+    "@genesislcap/foundation-notifications": "15.10.0",
+    "@genesislcap/foundation-user": "15.10.0",
+    "@genesislcap/foundation-utils": "15.10.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": "640fddb70d899b01c9337563ae874ddb5226cbcd"
+  "gitHead": "83fc356fb2a585ea66bc15458dbd176c8247c68f"
 }