@genesislcap/foundation-ui 15.15.1 → 15.15.2-FUI-2564.1

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

@@ -142,24 +142,6 @@ export declare const AccordionItem: React.ForwardRefExoticComponent<
 >;
 export type AccordionItemRef = AccordionItemWC;
 
-export declare const ActionsMenu: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<ActionsMenuWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-    }
-  > & React.RefAttributes<ActionsMenuWC>
->;
-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 +153,15 @@ export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
 >;
 export type AiCriteriaSearchRef = AiCriteriaSearchWC;
 
+export declare const ActionsMenu: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<ActionsMenuWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<ActionsMenuWC>
+>;
+export type ActionsMenuRef = ActionsMenuWC;
+
 export declare const AiIndicator: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<AiIndicatorWC>, 'children' | 'style'> &
@@ -180,6 +171,15 @@ export declare const AiIndicator: React.ForwardRefExoticComponent<
 >;
 export type AiIndicatorRef = AiIndicatorWC;
 
+export declare const Accordion: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<AccordionWC>
+>;
+export type AccordionRef = AccordionWC;
+
 export declare const Anchor: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<AnchorWC>, 'children' | 'style'> &
@@ -396,23 +396,23 @@ export declare const Divider: React.ForwardRefExoticComponent<
 >;
 export type DividerRef = DividerWC;
 
-export declare const DropdownMenu: React.ForwardRefExoticComponent<
+export declare const EnvironmentIndicator: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<DropdownMenuWC>, 'children' | 'style'> &
+    Omit<PublicOf<EnvironmentIndicatorWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<DropdownMenuWC>
+  > & React.RefAttributes<EnvironmentIndicatorWC>
 >;
-export type DropdownMenuRef = DropdownMenuWC;
+export type EnvironmentIndicatorRef = EnvironmentIndicatorWC;
 
-export declare const EnvironmentIndicator: React.ForwardRefExoticComponent<
+export declare const DropdownMenu: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<EnvironmentIndicatorWC>, 'children' | 'style'> &
+    Omit<PublicOf<DropdownMenuWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<EnvironmentIndicatorWC>
+  > & React.RefAttributes<DropdownMenuWC>
 >;
-export type EnvironmentIndicatorRef = EnvironmentIndicatorWC;
+export type DropdownMenuRef = DropdownMenuWC;
 
 export declare const ErrorBanner: React.ForwardRefExoticComponent<
   React.PropsWithChildren<

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

@@ -118,16 +118,6 @@ const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...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 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,11 +140,21 @@ 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 ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...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);
 });
 
+const Accordion = React.forwardRef(function Accordion(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...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);
@@ -371,14 +371,14 @@ const Divider = React.forwardRef(function Divider(props, ref) {
   return React.createElement(customElements.getName(DividerWC) ?? '%%prefix%%-divider', { ...rest, ref }, children);
 });
 
-const DropdownMenu = React.forwardRef(function DropdownMenu(props, ref) {
+const EnvironmentIndicator = React.forwardRef(function EnvironmentIndicator(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(DropdownMenuWC) ?? '%%prefix%%-dropdown-menu', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(EnvironmentIndicatorWC) ?? '%%prefix%%-environment-indicator', { ...rest, ref }, children);
 });
 
-const EnvironmentIndicator = React.forwardRef(function EnvironmentIndicator(props, ref) {
+const DropdownMenu = React.forwardRef(function DropdownMenu(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(EnvironmentIndicatorWC) ?? '%%prefix%%-environment-indicator', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(DropdownMenuWC) ?? '%%prefix%%-dropdown-menu', { ...rest, ref }, children);
 });
 
 const ErrorBanner = React.forwardRef(function ErrorBanner(props, ref) {
@@ -1144,10 +1144,10 @@ const WeeklyRecurrence = React.forwardRef(function WeeklyRecurrence(props, ref)
 
 module.exports = {
   AccordionItem,
-  ActionsMenu,
-  Accordion,
   AiCriteriaSearch,
+  ActionsMenu,
   AiIndicator,
+  Accordion,
   Anchor,
   AnchoredRegion,
   Avatar,
@@ -1171,8 +1171,8 @@ module.exports = {
   Dialog,
   Disclosure,
   Divider,
-  DropdownMenu,
   EnvironmentIndicator,
+  DropdownMenu,
   ErrorBanner,
   ErrorBoundary,
   ErrorDialog,

package/dist/react.mjs

@@ -116,16 +116,6 @@ export const AccordionItem = React.forwardRef(function AccordionItem(props, ref)
   return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...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 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,11 +138,21 @@ 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 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 AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...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 Anchor = React.forwardRef(function Anchor(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(AnchorWC) ?? '%%prefix%%-anchor', { ...rest, ref }, children);
@@ -369,14 +369,14 @@ export const Divider = React.forwardRef(function Divider(props, ref) {
   return React.createElement(customElements.getName(DividerWC) ?? '%%prefix%%-divider', { ...rest, ref }, children);
 });
 
-export const DropdownMenu = React.forwardRef(function DropdownMenu(props, ref) {
+export const EnvironmentIndicator = React.forwardRef(function EnvironmentIndicator(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(DropdownMenuWC) ?? '%%prefix%%-dropdown-menu', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(EnvironmentIndicatorWC) ?? '%%prefix%%-environment-indicator', { ...rest, ref }, children);
 });
 
-export const EnvironmentIndicator = React.forwardRef(function EnvironmentIndicator(props, ref) {
+export const DropdownMenu = React.forwardRef(function DropdownMenu(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(EnvironmentIndicatorWC) ?? '%%prefix%%-environment-indicator', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(DropdownMenuWC) ?? '%%prefix%%-dropdown-menu', { ...rest, ref }, children);
 });
 
 export const ErrorBanner = React.forwardRef(function ErrorBanner(props, ref) {