@genesislcap/foundation-ui 15.16.0 → 15.17.0

package/dist/dts/_common/alert-flash-clock.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Custom property carrying the shared alert flash phase, ramping 0 → 1 → 0.
+ *
+ * Alerting surfaces sample this rather than running animations of their own, because independent
+ * CSS animations start whenever their element started and drift apart. Registered as an
+ * inheritable `<number>` on the document, so it reaches into shadow trees — a grid row deep inside
+ * a component's shadow DOM stays in step with a tab header in the light DOM.
+ *
+ * @public
+ */
+export declare const alertFlashPhaseProperty = "--alert-flash-t";
+/**
+ * Custom property setting how long one flash cycle takes. Set it on `:root` to retime every
+ * alerting surface at once.
+ *
+ * @public
+ */
+export declare const alertFlashDurationProperty = "--alert-flash-duration";
+/**
+ * Starts the document-level clock that alert flashes sample.
+ *
+ * Safe to call repeatedly and from any number of components — the first call does the work. Called
+ * automatically by the components that flash, so apps only need this to start the clock earlier.
+ *
+ * Does nothing where `CSS.registerProperty` or constructable stylesheets are unavailable, which
+ * leaves alerting surfaces on their static fallback colour rather than breaking them.
+ *
+ * @public
+ */
+export declare function installAlertFlashClock(): void;
+//# sourceMappingURL=alert-flash-clock.d.ts.map

package/dist/dts/_common/alert-flash-clock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-flash-clock.d.ts","sourceRoot":"","sources":["../../../src/_common/alert-flash-clock.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,uBAAuB,oBAAoB,CAAC;AAEzD;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,2BAA2B,CAAC;AAMnE;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,IAAI,IAAI,CAwC7C"}

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

@@ -1,4 +1,5 @@
 export * from './affix-mixin';
+export * from './alert-flash-clock';
 export * from './base-file-component';
 export * from './field-styles';
 export * from './icons';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/_common/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/_common/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/dist/dts/react.d.ts

@@ -133,14 +133,14 @@ interface HTMLWCProps extends React.AriaAttributes {
   onInput?(e: Event): void;
 }
 
-export declare const AccordionItem: React.ForwardRefExoticComponent<
+export declare const Accordion: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionItemWC>
+  > & React.RefAttributes<AccordionWC>
 >;
-export type AccordionItemRef = AccordionItemWC;
+export type AccordionRef = AccordionWC;
 
 export declare const ActionsMenu: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -151,15 +151,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'> &
@@ -171,6 +162,15 @@ export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
 >;
 export type AiCriteriaSearchRef = AiCriteriaSearchWC;
 
+export declare const AccordionItem: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<AccordionItemWC>
+>;
+export type AccordionItemRef = AccordionItemWC;
+
 export declare const AiIndicator: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<AiIndicatorWC>, 'children' | 'style'> &

package/dist/dts/tab/tab.d.ts

@@ -3,6 +3,19 @@ import { Tab as FASTTab } from '@microsoft/fast-components';
  * @tagname %%prefix%%-tab
  */
 export declare class Tab extends FASTTab {
+    /**
+     * Draws sustained attention to the tab while background work is pending, for example
+     * while a grid behind an inactive tab still holds rows awaiting action.
+     *
+     * The design system supplies the visuals, retintable per app with `--tab-alert-color`. The flash
+     * samples a shared document-level clock, so every alerting surface — including grid rows — stays
+     * in phase; retime them all together with `--alert-flash-duration` on `:root`. Motion is
+     * suppressed under `prefers-reduced-motion`, which shows a static alert colour instead.
+     *
+     * @public
+     */
+    alert: boolean;
+    protected alertChanged(): void;
 }
 export declare const foundationTabShadowOptions: ShadowRootInit;
 export declare const defaultTabConfig: {};

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

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/tab/tab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,IAAI,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAI5D;;GAEG;AACH,qBAAa,GAAI,SAAQ,OAAO;CAAG;AAGnC,eAAO,MAAM,0BAA0B,EAAE,cAA0B,CAAC;AAEpE,eAAO,MAAM,gBAAgB,IAAK,CAAC;AAEnC;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,mTAMxB,CAAC"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/tab/tab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,IAAI,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAM5D;;GAEG;AACH,qBAAa,GAAI,SAAQ,OAAO;IAC9B;;;;;;;;;;OAUG;IACwB,KAAK,EAAE,OAAO,CAAS;IAElD,SAAS,CAAC,YAAY,IAAI,IAAI;CAK/B;AAGD,eAAO,MAAM,0BAA0B,EAAE,cAA0B,CAAC;AAEpE,eAAO,MAAM,gBAAgB,IAAK,CAAC;AAEnC;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,mTAMxB,CAAC"}

package/dist/esm/_common/alert-flash-clock.js

@@ -0,0 +1,72 @@
+/**
+ * Custom property carrying the shared alert flash phase, ramping 0 → 1 → 0.
+ *
+ * Alerting surfaces sample this rather than running animations of their own, because independent
+ * CSS animations start whenever their element started and drift apart. Registered as an
+ * inheritable `<number>` on the document, so it reaches into shadow trees — a grid row deep inside
+ * a component's shadow DOM stays in step with a tab header in the light DOM.
+ *
+ * @public
+ */
+export const alertFlashPhaseProperty = '--alert-flash-t';
+/**
+ * Custom property setting how long one flash cycle takes. Set it on `:root` to retime every
+ * alerting surface at once.
+ *
+ * @public
+ */
+export const alertFlashDurationProperty = '--alert-flash-duration';
+const CLOCK_ANIMATION_NAME = 'alert-flash-clock';
+let installed = false;
+/**
+ * Starts the document-level clock that alert flashes sample.
+ *
+ * Safe to call repeatedly and from any number of components — the first call does the work. Called
+ * automatically by the components that flash, so apps only need this to start the clock earlier.
+ *
+ * Does nothing where `CSS.registerProperty` or constructable stylesheets are unavailable, which
+ * leaves alerting surfaces on their static fallback colour rather than breaking them.
+ *
+ * @public
+ */
+export function installAlertFlashClock() {
+    var _a;
+    if (installed || typeof document === 'undefined') {
+        return;
+    }
+    installed = true;
+    try {
+        // Registration must happen at document level; an @property rule inside a shadow tree is
+        // ignored, and an unregistered property cannot be animated because it has no type to
+        // interpolate.
+        CSS.registerProperty({
+            name: alertFlashPhaseProperty,
+            syntax: '<number>',
+            inherits: true,
+            initialValue: '0',
+        });
+        const sheet = new CSSStyleSheet();
+        sheet.replaceSync(`
+      @keyframes ${CLOCK_ANIMATION_NAME} {
+        0%, 100% { ${alertFlashPhaseProperty}: 0; }
+        50% { ${alertFlashPhaseProperty}: 1; }
+      }
+
+      :root {
+        animation: ${CLOCK_ANIMATION_NAME} var(${alertFlashDurationProperty}, 1s) ease-in-out
+          infinite;
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        :root {
+          animation: none;
+        }
+      }
+    `);
+        document.adoptedStyleSheets = [...((_a = document.adoptedStyleSheets) !== null && _a !== void 0 ? _a : []), sheet];
+    }
+    catch (_b) {
+        // Older engines, or a property another bundle already registered. Either way the flash falls
+        // back to its static colour, which is a degraded alert rather than a missing one.
+    }
+}

package/dist/esm/_common/index.js

@@ -1,4 +1,5 @@
 export * from './affix-mixin';
+export * from './alert-flash-clock';
 export * from './base-file-component';
 export * from './field-styles';
 export * from './icons';

package/dist/esm/tab/tab.js

@@ -1,11 +1,37 @@
+import { __decorate } from "tslib";
 import { Tab as FASTTab } from '@microsoft/fast-components';
+import { attr } from '@microsoft/fast-element';
+import { installAlertFlashClock } from '../_common/alert-flash-clock';
 import { foundationTabStyles as styles } from './tab.styles';
 import { foundationTabTemplate as template } from './tab.template';
 /**
  * @tagname %%prefix%%-tab
  */
 export class Tab extends FASTTab {
+    constructor() {
+        super(...arguments);
+        /**
+         * Draws sustained attention to the tab while background work is pending, for example
+         * while a grid behind an inactive tab still holds rows awaiting action.
+         *
+         * The design system supplies the visuals, retintable per app with `--tab-alert-color`. The flash
+         * samples a shared document-level clock, so every alerting surface — including grid rows — stays
+         * in phase; retime them all together with `--alert-flash-duration` on `:root`. Motion is
+         * suppressed under `prefers-reduced-motion`, which shows a static alert colour instead.
+         *
+         * @public
+         */
+        this.alert = false;
+    }
+    alertChanged() {
+        if (this.alert) {
+            installAlertFlashClock();
+        }
+    }
 }
+__decorate([
+    attr({ mode: 'boolean' })
+], Tab.prototype, "alert", void 0);
 // explicitly declaring for extensibility
 export const foundationTabShadowOptions = undefined;
 export const defaultTabConfig = {};

package/dist/foundation-ui.api.json

@@ -2478,6 +2478,60 @@
             "endIndex": 2
           }
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@genesislcap/foundation-ui!alertFlashDurationProperty:var",
+          "docComment": "/**\n * Custom property setting how long one flash cycle takes. Set it on `:root` to retime every alerting surface at once.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "alertFlashDurationProperty = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"--alert-flash-duration\""
+            }
+          ],
+          "fileUrlPath": "src/_common/alert-flash-clock.ts",
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "alertFlashDurationProperty",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@genesislcap/foundation-ui!alertFlashPhaseProperty:var",
+          "docComment": "/**\n * Custom property carrying the shared alert flash phase, ramping 0 → 1 → 0.\n *\n * Alerting surfaces sample this rather than running animations of their own, because independent CSS animations start whenever their element started and drift apart. Registered as an inheritable `<number>` on the document, so it reaches into shadow trees — a grid row deep inside a component's shadow DOM stays in step with a tab header in the light DOM.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "alertFlashPhaseProperty = "
+            },
+            {
+              "kind": "Content",
+              "text": "\"--alert-flash-t\""
+            }
+          ],
+          "fileUrlPath": "src/_common/alert-flash-clock.ts",
+          "initializerTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "alertFlashPhaseProperty",
+          "variableTypeTokenRange": {
+            "startIndex": 0,
+            "endIndex": 0
+          }
+        },
         {
           "kind": "Class",
           "canonicalReference": "@genesislcap/foundation-ui!Anchor:class",
@@ -53849,6 +53903,34 @@
             "endIndex": 2
           }
         },
+        {
+          "kind": "Function",
+          "canonicalReference": "@genesislcap/foundation-ui!installAlertFlashClock:function(1)",
+          "docComment": "/**\n * Starts the document-level clock that alert flashes sample.\n *\n * Safe to call repeatedly and from any number of components — the first call does the work. Called automatically by the components that flash, so apps only need this to start the clock earlier.\n *\n * Does nothing where `CSS.registerProperty` or constructable stylesheets are unavailable, which leaves alerting surfaces on their static fallback colour rather than breaking them.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare function installAlertFlashClock(): "
+            },
+            {
+              "kind": "Content",
+              "text": "void"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "src/_common/alert-flash-clock.ts",
+          "returnTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          },
+          "releaseTag": "Public",
+          "overloadIndex": 1,
+          "parameters": [],
+          "name": "installAlertFlashClock"
+        },
         {
           "kind": "Function",
           "canonicalReference": "@genesislcap/foundation-ui!isAbsoluteUrl:function(1)",
@@ -71112,7 +71194,69 @@
           "isAbstract": false,
           "name": "Tab",
           "preserveMemberOrder": false,
-          "members": [],
+          "members": [
+            {
+              "kind": "Property",
+              "canonicalReference": "@genesislcap/foundation-ui!Tab#alert:member",
+              "docComment": "/**\n * Draws sustained attention to the tab while background work is pending, for example while a grid behind an inactive tab still holds rows awaiting action.\n *\n * The design system supplies the visuals, retintable per app with `--tab-alert-color`. The flash samples a shared document-level clock, so every alerting surface — including grid rows — stays in phase; retime them all together with `--alert-flash-duration` on `:root`. Motion is suppressed under `prefers-reduced-motion`, which shows a static alert colour instead.\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "alert: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "alert",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false,
+              "isProtected": false,
+              "isAbstract": false
+            },
+            {
+              "kind": "Method",
+              "canonicalReference": "@genesislcap/foundation-ui!Tab#alertChanged:member(1)",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "protected alertChanged(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isStatic": false,
+              "returnTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "releaseTag": "Public",
+              "isProtected": true,
+              "overloadIndex": 1,
+              "parameters": [],
+              "isOptional": false,
+              "isAbstract": false,
+              "name": "alertChanged"
+            }
+          ],
           "extendsTokenRange": {
             "startIndex": 1,
             "endIndex": 2

package/dist/foundation-ui.d.ts

@@ -461,6 +461,26 @@ export declare class AiIndicator extends FoundationElement {
 
 export declare type AIIndicatorState = 'available' | 'downloading' | 'downloadable' | 'unavailable' | 'server' | 'none';
 
+/**
+ * Custom property setting how long one flash cycle takes. Set it on `:root` to retime every
+ * alerting surface at once.
+ *
+ * @public
+ */
+export declare const alertFlashDurationProperty = "--alert-flash-duration";
+
+/**
+ * Custom property carrying the shared alert flash phase, ramping 0 → 1 → 0.
+ *
+ * Alerting surfaces sample this rather than running animations of their own, because independent
+ * CSS animations start whenever their element started and drift apart. Registered as an
+ * inheritable `<number>` on the document, so it reaches into shadow trees — a grid row deep inside
+ * a component's shadow DOM stays in step with a tab header in the light DOM.
+ *
+ * @public
+ */
+export declare const alertFlashPhaseProperty = "--alert-flash-t";
+
 /**
  * @tagname %%prefix%%-anchor
  */
@@ -5392,6 +5412,19 @@ export declare const INPUT_MIN_LENGTH = 3;
 
 export declare const inputControls: ElementStyles;
 
+/**
+ * Starts the document-level clock that alert flashes sample.
+ *
+ * Safe to call repeatedly and from any number of components — the first call does the work. Called
+ * automatically by the components that flash, so apps only need this to start the clock earlier.
+ *
+ * Does nothing where `CSS.registerProperty` or constructable stylesheets are unavailable, which
+ * leaves alerting surfaces on their static fallback colour rather than breaking them.
+ *
+ * @public
+ */
+export declare function installAlertFlashClock(): void;
+
 /**
  * @beta
  */
@@ -7352,6 +7385,19 @@ declare type SystemHealthOverlayMode = (typeof SystemHealthOverlayMode)[keyof ty
  * @tagname %%prefix%%-tab
  */
 export declare class Tab extends Tab_2 {
+    /**
+     * Draws sustained attention to the tab while background work is pending, for example
+     * while a grid behind an inactive tab still holds rows awaiting action.
+     *
+     * The design system supplies the visuals, retintable per app with `--tab-alert-color`. The flash
+     * samples a shared document-level clock, so every alerting surface — including grid rows — stays
+     * in phase; retime them all together with `--alert-flash-duration` on `:root`. Motion is
+     * suppressed under `prefers-reduced-motion`, which shows a static alert colour instead.
+     *
+     * @public
+     */
+    alert: boolean;
+    protected alertChanged(): void;
 }
 
 /**

package/dist/react.cjs

@@ -113,9 +113,9 @@ function _mergeRefs(...refs) {
   };
 }
 
-const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+const Accordion = React.forwardRef(function Accordion(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
 });
 
 const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
@@ -123,11 +123,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);
@@ -150,6 +145,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 AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...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);
@@ -1143,10 +1143,10 @@ const WeeklyRecurrence = React.forwardRef(function WeeklyRecurrence(props, ref)
 });
 
 module.exports = {
-  AccordionItem,
-  ActionsMenu,
   Accordion,
+  ActionsMenu,
   AiCriteriaSearch,
+  AccordionItem,
   AiIndicator,
   Anchor,
   AnchoredRegion,

package/dist/react.mjs

@@ -111,9 +111,9 @@ function _mergeRefs(...refs) {
   };
 }
 
-export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+export const Accordion = React.forwardRef(function Accordion(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
 });
 
 export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
@@ -121,11 +121,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);
@@ -148,6 +143,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 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 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": "15.16.0",
+  "version": "15.17.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -85,13 +85,13 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "15.16.0",
-    "@genesislcap/genx": "15.16.0",
-    "@genesislcap/rollup-builder": "15.16.0",
-    "@genesislcap/ts-builder": "15.16.0",
-    "@genesislcap/uvu-playwright-builder": "15.16.0",
-    "@genesislcap/vite-builder": "15.16.0",
-    "@genesislcap/webpack-builder": "15.16.0",
+    "@genesislcap/foundation-testing": "15.17.0",
+    "@genesislcap/genx": "15.17.0",
+    "@genesislcap/rollup-builder": "15.17.0",
+    "@genesislcap/ts-builder": "15.17.0",
+    "@genesislcap/uvu-playwright-builder": "15.17.0",
+    "@genesislcap/vite-builder": "15.17.0",
+    "@genesislcap/webpack-builder": "15.17.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.16.0",
-    "@genesislcap/foundation-ai": "15.16.0",
-    "@genesislcap/foundation-comms": "15.16.0",
-    "@genesislcap/foundation-criteria": "15.16.0",
-    "@genesislcap/foundation-errors": "15.16.0",
-    "@genesislcap/foundation-events": "15.16.0",
-    "@genesislcap/foundation-logger": "15.16.0",
-    "@genesislcap/foundation-notifications": "15.16.0",
-    "@genesislcap/foundation-user": "15.16.0",
-    "@genesislcap/foundation-utils": "15.16.0",
+    "@genesislcap/expression-builder": "15.17.0",
+    "@genesislcap/foundation-ai": "15.17.0",
+    "@genesislcap/foundation-comms": "15.17.0",
+    "@genesislcap/foundation-criteria": "15.17.0",
+    "@genesislcap/foundation-errors": "15.17.0",
+    "@genesislcap/foundation-events": "15.17.0",
+    "@genesislcap/foundation-logger": "15.17.0",
+    "@genesislcap/foundation-notifications": "15.17.0",
+    "@genesislcap/foundation-user": "15.17.0",
+    "@genesislcap/foundation-utils": "15.17.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": "2cacfdef54a332ee571ae784b5b7629cf66f050f"
+  "gitHead": "2e040c4861f6acfde7afef48b60555548fac8708"
 }