@genesislcap/foundation-ui 15.48.0 → 15.49.0

package/dist/dts/react.d.ts

@@ -133,6 +133,15 @@ 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'> &
@@ -142,14 +151,14 @@ export declare const Accordion: React.ForwardRefExoticComponent<
 >;
 export type AccordionRef = AccordionWC;
 
-export declare const AccordionItem: React.ForwardRefExoticComponent<
+export declare const ActionsMenu: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
+    Omit<PublicOf<ActionsMenuWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionItemWC>
+  > & React.RefAttributes<ActionsMenuWC>
 >;
-export type AccordionItemRef = AccordionItemWC;
+export type ActionsMenuRef = ActionsMenuWC;
 
 export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -171,15 +180,6 @@ 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/dts/stepper/stepper.d.ts

@@ -31,6 +31,7 @@ export interface ValidationFailureEventDetail {
  */
 export declare class Stepper extends FoundationElement {
     hideSubmitButton: boolean;
+    hideProgress: boolean;
     hideStepNumber: boolean;
     allowBackwardJumps: boolean;
     allowForwardJumps: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAK5C,MAAM,MAAM,UAAU,GAAG;IAAE,OAAO,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC;AAEhD;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,WAAW,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,qBAAa,OAAQ,SAAQ,iBAAiB;IACgB,gBAAgB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAS;IACrC,iBAAiB,EAAE,OAAO,CAAS;IACtC,cAAc,EAAE,OAAO,CAAS;IACvC,QAAQ,EAAE,OAAO,CAAS;IAC7E;;;;OAIG;IACqD,aAAa,EAAE,OAAO,CAAS;IACjF,WAAW,EAAE,eAAe,CAA4B;IAC9D,kBAAkB,IAAI,IAAI;IAOpB,QAAQ,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAa7C,IAAI,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAM;IACpD,WAAW,IAAI,IAAI;IAUP,SAAS,EAAE,WAAW,EAAE,CAAM;IAC1C,gBAAgB,IAAI,IAAI;IAMZ,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,aAAa,SAAK;IAClB,cAAc,EAAE,MAAM,CAAK;IAEvC,SAAS,EAAE,WAAW,CAAC;IACvB,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,WAAW,CAAgB;IACnC,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,gBAAgB,CAAkB;IAE1C,iBAAiB,IAAI,IAAI;IAQzB,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,8BAA8B;IAOtC,OAAO,CAAC,cAAc;IAStB;;;;;OAKG;IACH,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,sBAAsB,GAAE,OAAe,GAAG,OAAO;IAkD9E;;;OAGG;IACH,aAAa,IAAI,OAAO;IAIxB;;;OAGG;IACH,YAAY,IAAI,OAAO;IAIvB,eAAe,CAAC,SAAS,KAAA;IAQzB,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,iBAAiB;IA0CzB,IAAc,oBAAoB,YAEjC;IAED,IAAc,UAAU,YAEvB;IAED,IAAc,eAAe,YAkB5B;IAED,OAAO,IAAI,IAAI;IAIf,QAAQ,IAAI,IAAI;IA0ChB,YAAY,IAAI,IAAI;IAQpB,SAAS,CAAC,OAAO,QAAO,IAAI,CAoC1B;IAEF,gBAAgB,aAYd;IAEF,OAAO,CAAC,YAAY,CAUlB;IAEF,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,mBAAmB;CAG5B;AAGD,eAAO,MAAM,8BAA8B,EAAE,cAA0B,CAAC;AAExE,eAAO,MAAM,oBAAoB,IAAK,CAAC;AAEvC;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;kBAM5B,CAAC"}
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAK5C,MAAM,MAAM,UAAU,GAAG;IAAE,OAAO,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC;AAEhD;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,WAAW,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,qBAAa,OAAQ,SAAQ,iBAAiB;IACgB,gBAAgB,EAAE,OAAO,CAAC;IAC/B,YAAY,EAAE,OAAO,CAAS;IAC3B,cAAc,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAS;IACrC,iBAAiB,EAAE,OAAO,CAAS;IACtC,cAAc,EAAE,OAAO,CAAS;IACvC,QAAQ,EAAE,OAAO,CAAS;IAC7E;;;;OAIG;IACqD,aAAa,EAAE,OAAO,CAAS;IACjF,WAAW,EAAE,eAAe,CAA4B;IAC9D,kBAAkB,IAAI,IAAI;IAOpB,QAAQ,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAa7C,IAAI,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAM;IACpD,WAAW,IAAI,IAAI;IAUP,SAAS,EAAE,WAAW,EAAE,CAAM;IAC1C,gBAAgB,IAAI,IAAI;IAMZ,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,aAAa,SAAK;IAClB,cAAc,EAAE,MAAM,CAAK;IAEvC,SAAS,EAAE,WAAW,CAAC;IACvB,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,WAAW,CAAgB;IACnC,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,gBAAgB,CAAkB;IAE1C,iBAAiB,IAAI,IAAI;IAQzB,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,8BAA8B;IAOtC,OAAO,CAAC,cAAc;IAStB;;;;;OAKG;IACH,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,sBAAsB,GAAE,OAAe,GAAG,OAAO;IAkD9E;;;OAGG;IACH,aAAa,IAAI,OAAO;IAIxB;;;OAGG;IACH,YAAY,IAAI,OAAO;IAIvB,eAAe,CAAC,SAAS,KAAA;IAQzB,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,iBAAiB;IA0CzB,IAAc,oBAAoB,YAEjC;IAED,IAAc,UAAU,YAEvB;IAED,IAAc,eAAe,YAkB5B;IAED,OAAO,IAAI,IAAI;IAIf,QAAQ,IAAI,IAAI;IA0ChB,YAAY,IAAI,IAAI;IAQpB,SAAS,CAAC,OAAO,QAAO,IAAI,CAoC1B;IAEF,gBAAgB,aAYd;IAEF,OAAO,CAAC,YAAY,CAUlB;IAEF,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,mBAAmB;CAG5B;AAGD,eAAO,MAAM,8BAA8B,EAAE,cAA0B,CAAC;AAExE,eAAO,MAAM,oBAAoB,IAAK,CAAC;AAEvC;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;kBAM5B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"stepper.template.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,eAAO,MAAM,kBAAkB,GAAI,WAAM,iEAqDxC,CAAC;AAEF,eAAO,MAAM,yBAAyB,8DAErC,CAAC"}
+{"version":3,"file":"stepper.template.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAsBzC,eAAO,MAAM,kBAAkB,GAAI,WAAM,iEAyDxC,CAAC;AAEF,eAAO,MAAM,yBAAyB,8DAErC,CAAC"}

package/dist/dts/stepper-tab/stepper-tab.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepper-tab.template.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.template.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,qBAAqB,GAAI,QAAQ,MAAM,oEA6DnD,CAAC;AAEF,eAAO,MAAM,4BAA4B,iEAExC,CAAC"}
+{"version":3,"file":"stepper-tab.template.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.template.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAuChD,eAAO,MAAM,qBAAqB,GAAI,QAAQ,MAAM,oEAsEnD,CAAC;AAEF,eAAO,MAAM,4BAA4B,iEAExC,CAAC"}

package/dist/esm/stepper/stepper.js

@@ -17,6 +17,7 @@ import { foundationStepperTemplate as template } from './stepper.template';
 export class Stepper extends FoundationElement {
     constructor() {
         super(...arguments);
+        this.hideProgress = false;
         this.allowBackwardJumps = false;
         this.allowForwardJumps = false;
         this.hideAllButtons = false;
@@ -351,6 +352,9 @@ export class Stepper extends FoundationElement {
 __decorate([
     attr({ attribute: 'hide-submit-button', mode: 'boolean' })
 ], Stepper.prototype, "hideSubmitButton", void 0);
+__decorate([
+    attr({ attribute: 'hide-progress', mode: 'boolean' })
+], Stepper.prototype, "hideProgress", void 0);
 __decorate([
     attr({ attribute: 'hide-step-number', mode: 'boolean' })
 ], Stepper.prototype, "hideStepNumber", void 0);

package/dist/esm/stepper/stepper.template.js

@@ -2,16 +2,34 @@ import { html, slotted, when } from '@microsoft/fast-element';
 import { TabsOrientation } from '@microsoft/fast-foundation';
 import { classNames } from '@microsoft/fast-web-utilities';
 import { getPrefix } from '../utils';
+/**
+ * Inner parts of the design-system components this template instantiates, re-published under the
+ * stepper's own namespace.
+ *
+ * `::part()` crosses exactly one shadow boundary, so without forwarding an app can size the
+ * button box but not the padded control inside it, and can reach the progress ring but neither
+ * of the two circles it draws. Each name is prefixed with its owner so the namespace stays
+ * legible and `control` does not collide across the three buttons.
+ *
+ * The forwarded names come from whichever design system is registered as `prefix`: a component
+ * exposing different parts forwards nothing, and rules against these names simply do not match.
+ */
+const BUTTON_EXPORTPARTS = (name) => `control: ${name}-control, content: ${name}-content`;
+const PROGRESS_RING_EXPORTPARTS = [
+    'background: progress-ring-background',
+    'progress: progress-ring-progress',
+    'indeterminate-indicator-1: progress-ring-indeterminate',
+].join(', ');
 export const getPrefixedStepper = (prefix) => html `
 
 <${prefix}-card class=${(x) => classNames('stepper-tab', ['stepper-tab-hidden', x.hideTabs])} part="stepper-tab" @tab-clicked="${(x, c) => x.handleStepClick(c.event.detail)}" role="stepper-tab" data-test-id="stepper-tab">
     <div class=${(x) => classNames('stepper-tab-menu', ['stepper-tab-menu-hidden', x.hideTabs])} part="stepper-tab-menu">
       <slot name="tab" ${slotted('tabs')} ></slot>
     </div>
-    ${when((x) => x.orientation === TabsOrientation.vertical, html `
+    ${when((x) => x.orientation === TabsOrientation.vertical && !x.hideProgress, html `
         <div class="stepper-tab-progress" part="stepper-tab-progress">
-          <${prefix}-progress-ring class="progress-ring" part="progress-ring" value=${(x) => x.progressValue}></${prefix}-progress-ring>
-          <label>You have completed ${(x) => x.progressValue}% of the fields required to create a project</label>
+          <${prefix}-progress-ring class="progress-ring" part="progress-ring" exportparts="${PROGRESS_RING_EXPORTPARTS}" value=${(x) => x.progressValue}></${prefix}-progress-ring>
+          <label part="progress-label">You have completed ${(x) => x.progressValue}% of the fields required to create a project</label>
         </div>`)}
   </${prefix}-card>
   ${when((x) => !x.indicatorOnly, html `
@@ -22,14 +40,14 @@ export const getPrefixedStepper = (prefix) => html `
     ${when((x) => !x.hideAllButtons, html `
         <div class="action-buttons-container" part="action-buttons-container">
           <slot name="action-buttons">
-            <${prefix}-button @click=${(x) => x.previousStep()} ?disabled=${(x) => x.disabledPreviousStep}>Back</${prefix}-button>
+            <${prefix}-button part="back-button" exportparts="${BUTTON_EXPORTPARTS('back-button')}" @click=${(x) => x.previousStep()} ?disabled=${(x) => x.disabledPreviousStep}>Back</${prefix}-button>
               ${when((x) => x.isLastStep && !x.hideSubmitButton, html `
-            <${prefix}-button @click=${(x) => x._submit()} ?disabled=${(x) => x.islastStepValid} data-test-id="submit-button">
+            <${prefix}-button part="submit-button" exportparts="${BUTTON_EXPORTPARTS('submit-button')}" @click=${(x) => x._submit()} ?disabled=${(x) => x.islastStepValid} data-test-id="submit-button">
                   Submit
                 </${prefix}-button>
             `)}
               ${when((x) => !x.isLastStep, html `
-            <${prefix}-button @click=${(x) => x.nextStep()} data-test-id="next-button">Next</${prefix}-button>`)}
+            <${prefix}-button part="next-button" exportparts="${BUTTON_EXPORTPARTS('next-button')}" @click=${(x) => x.nextStep()} data-test-id="next-button">Next</${prefix}-button>`)}
           </slot>
         </div>
       `)}

package/dist/esm/stepper-tab/stepper-tab.template.js

@@ -3,10 +3,50 @@ import { html, ref, when } from '@microsoft/fast-element';
 import { TabsOrientation } from '@microsoft/fast-foundation';
 import { classNames } from '@microsoft/fast-web-utilities';
 import { getPrefix } from '../utils';
+/**
+ * Shadow parts for one step's root element.
+ *
+ * A step renders as two completely different trees depending on orientation — a design-system
+ * tree item when vertical, a numbered container when horizontal — so `step` is the name that
+ * holds across both, with `step-vertical` / `step-horizontal` for the cases where an app does
+ * need to tell them apart.
+ *
+ * State is emitted as names of its own rather than left on the internal classes, because
+ * `::part()` cannot be chained with a class or a structural selector: without `step-selected`
+ * there is no way for an app to reach the current step at all. The same goes for `completed` and
+ * `error`, which are emitted in both orientations even though only the vertical tree draws an
+ * icon for them — these are hooks for the app, not a mirror of what this component happens to
+ * style.
+ */
+const stepParts = (x, orientation) => {
+    const names = ['step', `step-${orientation}`];
+    if (x.selected)
+        names.push('step-selected');
+    if (x.completed)
+        names.push('step-completed');
+    if (x.error)
+        names.push('step-error');
+    return names.join(' ');
+};
+/**
+ * The design-system tree item's own parts, re-published under this component's namespace.
+ *
+ * `::part()` crosses exactly one shadow boundary, so without this an app can reach the tree item
+ * but nothing inside it — and the positioning region is where a tree item's padding and layout
+ * actually live. Prefixed with `step-` so the names stay this component's, not the tree's.
+ */
+const TREE_ITEM_EXPORTPARTS = [
+    'positioning-region: step-positioning-region',
+    'content-region: step-content-region',
+    'expand-collapse-button: step-expand-collapse-button',
+    'items: step-items',
+].join(', ');
 export const getPrefixedStepperTab = (prefix) => html `
   ${whenElse((x) => x.orientation === TabsOrientation.vertical, html `
         <${prefix}-tree-item ${ref('treeItem')} 
         class=${(x) => classNames('tree-item', ['cursor-pointer', x.showCursorPointer])}
+        part="${(x) => stepParts(x, 'vertical')}"
+        exportparts="${TREE_ITEM_EXPORTPARTS}"
         @click="${(x, c) => x.$emit('tab-clicked', x.tabPosition - 1)}">
           ${when((x) => x.completed, html `
               <${prefix}-icon
@@ -14,6 +54,7 @@ export const getPrefixedStepperTab = (prefix) => html `
                 variant="regular"
                 size="lg"
                 class="stepper-icon completed-icon"
+                part="step-icon step-icon-completed"
               ></${prefix}-icon>
             `)}
           ${when((x) => x.error, html `
@@ -22,24 +63,30 @@ export const getPrefixedStepperTab = (prefix) => html `
                 variant="regular"
                 size="lg"
                 class="stepper-icon error-icon"
+                part="step-icon step-icon-error"
               ></${prefix}-icon>
             `)}
           <slot></slot>
         </${prefix}-tree-item>
       `, html `
-      <div class=${(x) => classNames('step-container', ['selected', x.selected])}>
+      <div
+        class=${(x) => classNames('step-container', ['selected', x.selected])}
+        part="${(x) => stepParts(x, 'horizontal')}"
+      >
         <div
           class=${(x) => classNames('step-number-container', ['cursor-pointer', x.showCursorPointer])}
+          part="step-number-container"
           @click="${(x) => x.$emit('tab-clicked', x.tabPosition - 1)}"
         >
           ${when((x) => !x.hideStepNumber, html `
-              <span class="step-number">${(x) => x.tabPosition}</span>
+              <span class="step-number" part="step-number">${(x) => x.tabPosition}</span>
             `)}
           <slot class="step-title"></slot>
         </div>
         ${when((x) => !x.isLast, html `
                 <${prefix}-icon
                   class="stepper-icon angle-icon"
+                  part="step-icon step-icon-angle"
                   name="angle-right"
                   variant="solid"
                   size="lg"

package/dist/foundation-ui.api.json

@@ -68827,6 +68827,36 @@
               "isProtected": false,
               "isAbstract": false
             },
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-ui!Stepper#hideProgress:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "hideProgress: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "hideProgress",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-ui!Stepper#hideStepNumber:member",

package/dist/foundation-ui.d.ts

@@ -7174,6 +7174,7 @@ export declare interface StepClickEventDetail {
  */
 export declare class Stepper extends FoundationElement {
     hideSubmitButton: boolean;
+    hideProgress: boolean;
     hideStepNumber: boolean;
     allowBackwardJumps: boolean;
     allowForwardJumps: boolean;

package/dist/react.cjs

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

package/dist/react.mjs

@@ -111,14 +111,19 @@ 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 AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
 });
 
 export const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
@@ -148,11 +153,6 @@ 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.48.0",
+  "version": "15.49.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -82,12 +82,12 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "15.48.0",
-    "@genesislcap/genx": "15.48.0",
-    "@genesislcap/ts-builder": "15.48.0",
-    "@genesislcap/uvu-playwright-builder": "15.48.0",
-    "@genesislcap/vite-builder": "15.48.0",
-    "@genesislcap/webpack-builder": "15.48.0",
+    "@genesislcap/foundation-testing": "15.49.0",
+    "@genesislcap/genx": "15.49.0",
+    "@genesislcap/ts-builder": "15.49.0",
+    "@genesislcap/uvu-playwright-builder": "15.49.0",
+    "@genesislcap/vite-builder": "15.49.0",
+    "@genesislcap/webpack-builder": "15.49.0",
     "copyfiles": "^2.4.1"
   },
   "dependencies": {
@@ -96,16 +96,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.48.0",
-    "@genesislcap/foundation-ai": "15.48.0",
-    "@genesislcap/foundation-comms": "15.48.0",
-    "@genesislcap/foundation-criteria": "15.48.0",
-    "@genesislcap/foundation-errors": "15.48.0",
-    "@genesislcap/foundation-events": "15.48.0",
-    "@genesislcap/foundation-logger": "15.48.0",
-    "@genesislcap/foundation-notifications": "15.48.0",
-    "@genesislcap/foundation-user": "15.48.0",
-    "@genesislcap/foundation-utils": "15.48.0",
+    "@genesislcap/expression-builder": "15.49.0",
+    "@genesislcap/foundation-ai": "15.49.0",
+    "@genesislcap/foundation-comms": "15.49.0",
+    "@genesislcap/foundation-criteria": "15.49.0",
+    "@genesislcap/foundation-errors": "15.49.0",
+    "@genesislcap/foundation-events": "15.49.0",
+    "@genesislcap/foundation-logger": "15.49.0",
+    "@genesislcap/foundation-notifications": "15.49.0",
+    "@genesislcap/foundation-user": "15.49.0",
+    "@genesislcap/foundation-utils": "15.49.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",