@12-apps/ui 6.77.0 → 6.77.2

package/dist/navigation/AppHeader.js

@@ -17,7 +17,7 @@ import {
 } from "../chunk-IQU4HKND.js";
 import {
   AppHeaderDetails
-} from "../chunk-VQSBZPKO.js";
+} from "../chunk-RVZMKGWQ.js";
 import "../chunk-7K23NEZO.js";
 import "../chunk-5MMAV7XK.js";
 import "../chunk-3ROCD7XF.js";
@@ -31,7 +31,7 @@ import "../chunk-Z2JH5KW5.js";
 import "../chunk-AL5E624U.js";
 import "../chunk-GYXUCS37.js";
 import "../chunk-LV7LSPBF.js";
-import "../chunk-364NH2NY.js";
+import "../chunk-YOXYSAUI.js";
 import "../chunk-PPEHBI5O.js";
 import "../chunk-G2FUZALJ.js";
 import "../chunk-TAMIZE4Q.js";

package/dist/social-login-button.js

@@ -4,7 +4,7 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "./chunk-NKBCUR4V.js";
+} from "./chunk-X3DN2BE3.js";
 import "./chunk-INGPH3YQ.js";
 import "./chunk-6GP2DOOO.js";
 import "./chunk-GBVVI35T.js";
@@ -20,7 +20,7 @@ import "./chunk-FKUYRQSP.js";
 import "./chunk-PLB6WWXW.js";
 import "./chunk-HDBP55R3.js";
 import "./chunk-BA4RHQ3B.js";
-import "./chunk-364NH2NY.js";
+import "./chunk-YOXYSAUI.js";
 import "./chunk-PPEHBI5O.js";
 import "./chunk-G2FUZALJ.js";
 import "./chunk-TAMIZE4Q.js";

package/dist/types/components/data-display/Alert/Alert.content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.content.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQhD;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAgDA,CAAC"}
+{"version":3,"file":"Alert.content.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQhD;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CA2DA,CAAC"}

package/dist/types/components/data-display/Alert/Alert.metrics.d.ts

@@ -54,9 +54,10 @@ export declare const DESCRIPTION: {
     readonly fontSize: 14.8;
     readonly opacity: 0.9;
 };
-/** The icon on the title's line (`iconPlacement: 'title'`): 10px from the title. */
+/** The icon on the title's line (`iconPlacement: 'title'`): 10px from the title, centred on its first line (1.5). */
 export declare const TITLE_ICON: {
     readonly gapUnits: 1.25;
+    readonly lineHeight: 1.5;
 };
 /** The icon slot: MUI's 22px glyph at 0.9, 14px from the words, 2px down (MUI's 7px stays below). */
 export declare const ICON_SLOT: {

package/dist/types/components/data-display/Alert/Alert.metrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.metrics.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Alert.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.metrics.ts"],"names":[],"mappings":"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"}

package/dist/types/components/form/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AAmMnE;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAiB,eAAe,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,eAAe,EAAe,MAAM,gBAAgB,CAAC;AAkOnE;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAiB,eAAe,CAAC"}

package/dist/types/components/form/Button/Button.native.loading.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import type { TextStyle } from 'react-native';
+/**
+ * The native Button's loading state (FUT-3646): the label and icon stay laid
+ * out under the spinner — so the button keeps its width and shape — and the
+ * button keeps its name. Split from `Button.native.tsx` to keep that file
+ * under the line ceiling.
+ */
+/**
+ * The spinner over the label while loading, across the whole button; `role`
+ * comes from react-native's ActivityIndicator. It used to REPLACE the label, so
+ * a loading button had no accessible name (FUT-3646).
+ */
+export declare function Spinner({ color, testID }: {
+    color: string;
+    testID: string;
+}): React.JSX.Element;
+/**
+ * The button's name while loading: its text label, said outright. The label
+ * stays laid out (transparent) so the width holds, but a screen reader may skip
+ * a view at opacity 0 — VoiceOver does — so the name cannot ride on it alone.
+ * A caller's own `aria-label` still wins, being spread after this.
+ */
+export declare const loadingName: (loading: boolean | undefined, children: React.ReactNode) => string | undefined;
+/** Laid out but unseen under the spinner while loading, so the width holds. */
+export declare const hiddenWhile: (loading: boolean | undefined) => {
+    opacity: number;
+} | null;
+/** The text label; while loading, kept laid out but unseen under the spinner. */
+export declare function Label({ loading, label, testID, children, }: {
+    loading: boolean | undefined;
+    label: TextStyle;
+    testID: string;
+    children: React.ReactNode;
+}): React.ReactNode;
+//# sourceMappingURL=Button.native.loading.d.ts.map

package/dist/types/components/form/Button/Button.native.loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.native.loading.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.native.loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9C;;;;;GAKG;AAEH;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAW/F;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,SAAS,OAAO,GAAG,SAAS,EAAE,UAAU,KAAK,CAAC,SAAS,KAAG,MAAM,GAAG,SACvD,CAAC;AAazC,+EAA+E;AAC/E,eAAO,MAAM,WAAW,GAAI,SAAS,OAAO,GAAG,SAAS;;QAAqC,CAAC;AAE9F,iFAAiF;AACjF,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,KAAK,CAAC,SAAS,CASlB"}

package/dist/types-native/components/data-display/Alert/Alert.metrics.d.ts

@@ -54,9 +54,10 @@ export declare const DESCRIPTION: {
     readonly fontSize: 14.8;
     readonly opacity: 0.9;
 };
-/** The icon on the title's line (`iconPlacement: 'title'`): 10px from the title. */
+/** The icon on the title's line (`iconPlacement: 'title'`): 10px from the title, centred on its first line (1.5). */
 export declare const TITLE_ICON: {
     readonly gapUnits: 1.25;
+    readonly lineHeight: 1.5;
 };
 /** The icon slot: MUI's 22px glyph at 0.9, 14px from the words, 2px down (MUI's 7px stays below). */
 export declare const ICON_SLOT: {

package/dist/types-native/components/data-display/Alert/Alert.metrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.metrics.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Alert.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.metrics.ts"],"names":[],"mappings":"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"}

package/dist/types-native/components/form/Button/Button.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAOL,IAAI,EACJ,KAAK,qBAAqB,EAE1B,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAmRtB,eAAO,MAAM,MAAM;;;;;;8BA6CjB,CAAC"}
+{"version":3,"file":"Button.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,IAAI,EACJ,KAAK,qBAAqB,EAE1B,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAuQtB,eAAO,MAAM,MAAM;;;;;;8BAgDjB,CAAC"}

package/dist/types-native/components/form/Button/Button.native.loading.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import type { TextStyle } from 'react-native';
+/**
+ * The native Button's loading state (FUT-3646): the label and icon stay laid
+ * out under the spinner — so the button keeps its width and shape — and the
+ * button keeps its name. Split from `Button.native.tsx` to keep that file
+ * under the line ceiling.
+ */
+/**
+ * The spinner over the label while loading, across the whole button; `role`
+ * comes from react-native's ActivityIndicator. It used to REPLACE the label, so
+ * a loading button had no accessible name (FUT-3646).
+ */
+export declare function Spinner({ color, testID }: {
+    color: string;
+    testID: string;
+}): React.JSX.Element;
+/**
+ * The button's name while loading: its text label, said outright. The label
+ * stays laid out (transparent) so the width holds, but a screen reader may skip
+ * a view at opacity 0 — VoiceOver does — so the name cannot ride on it alone.
+ * A caller's own `aria-label` still wins, being spread after this.
+ */
+export declare const loadingName: (loading: boolean | undefined, children: React.ReactNode) => string | undefined;
+/** Laid out but unseen under the spinner while loading, so the width holds. */
+export declare const hiddenWhile: (loading: boolean | undefined) => {
+    opacity: number;
+} | null;
+/** The text label; while loading, kept laid out but unseen under the spinner. */
+export declare function Label({ loading, label, testID, children, }: {
+    loading: boolean | undefined;
+    label: TextStyle;
+    testID: string;
+    children: React.ReactNode;
+}): React.ReactNode;
+//# sourceMappingURL=Button.native.loading.d.ts.map

package/dist/types-native/components/form/Button/Button.native.loading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.native.loading.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Button/Button.native.loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9C;;;;;GAKG;AAEH;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAW/F;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,SAAS,OAAO,GAAG,SAAS,EAAE,UAAU,KAAK,CAAC,SAAS,KAAG,MAAM,GAAG,SACvD,CAAC;AAazC,+EAA+E;AAC/E,eAAO,MAAM,WAAW,GAAI,SAAS,OAAO,GAAG,SAAS;;QAAqC,CAAC;AAE9F,iFAAiF;AACjF,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,KAAK,CAAC,SAAS,CASlB"}

package/dist/user-avatar.js

@@ -1,7 +1,7 @@
 import {
   UserAvatar,
   UserMenu
-} from "./chunk-3FDSXSEP.js";
+} from "./chunk-TDWA2XFJ.js";
 import "./chunk-UDQSIRAP.js";
 import "./chunk-KARMRTTM.js";
 import "./chunk-7XSCEHGA.js";
@@ -15,7 +15,7 @@ import "./chunk-FKUYRQSP.js";
 import "./chunk-PLB6WWXW.js";
 import "./chunk-HDBP55R3.js";
 import "./chunk-BA4RHQ3B.js";
-import "./chunk-364NH2NY.js";
+import "./chunk-YOXYSAUI.js";
 import "./chunk-PPEHBI5O.js";
 import "./chunk-G2FUZALJ.js";
 import "./chunk-TAMIZE4Q.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.77.0",
+  "version": "6.77.2",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/data-display/Alert/Alert.content.tsx

@@ -35,9 +35,11 @@ export const AlertContent: React.FC<{
       sx={{
         fontWeight: TITLE.fontWeight,
         fontSize: sxRem(TITLE.fontSize),
-        // On the icon's row the title is centred against the glyph, so MUI's
-        // 2px lift would only push it off that centre.
-        ...(titleIcon ? { margin: 0 } : { marginBottom: description ? TITLE.marginBottomUnits : 0 }),
+        // On the icon's row MUI's 2px lift would push the title off the glyph,
+        // and the line height is stated so the glyph can be centred on it.
+        ...(titleIcon
+          ? { margin: 0, lineHeight: TITLE_ICON.lineHeight }
+          : { marginBottom: description ? TITLE.marginBottomUnits : 0 }),
         ...BREAK_WORDS,
       }}
     >
@@ -52,10 +54,19 @@ export const AlertContent: React.FC<{
           data-testid={testIdFor(dataTestId, 'title-row')}
           sx={{
             display: 'flex',
-            alignItems: 'center',
+            // The FIRST line, not the block: a title that wraps to three lines
+            // on a phone would otherwise float its icon beside the second.
+            alignItems: 'flex-start',
             gap: TITLE_ICON.gapUnits,
             marginBottom: description ? TITLE.marginBottomUnits : 0,
-            '& > span': { display: 'flex', flex: 'none', fontSize: sxRem(ICON_SLOT.size) },
+            '& > span': {
+              display: 'flex',
+              flex: 'none',
+              alignItems: 'center',
+              fontSize: sxRem(ICON_SLOT.size),
+              // One title line tall, so the glyph is centred on that line.
+              height: sxRem(TITLE.fontSize * TITLE_ICON.lineHeight),
+            },
           }}
         >
           {titleIcon}

package/src/components/data-display/Alert/Alert.metrics.ts

@@ -40,8 +40,8 @@ export const TITLE = { fontSize: 16.8, fontWeight: 600, marginTop: -2, marginBot
 /** The description: 0.925rem, slightly faded. */
 export const DESCRIPTION = { fontSize: 14.8, opacity: 0.9 } as const;
 
-/** The icon on the title's line (`iconPlacement: 'title'`): 10px from the title. */
-export const TITLE_ICON = { gapUnits: 1.25 } as const;
+/** The icon on the title's line (`iconPlacement: 'title'`): 10px from the title, centred on its first line (1.5). */
+export const TITLE_ICON = { gapUnits: 1.25, lineHeight: 1.5 } as const;
 /** The icon slot: MUI's 22px glyph at 0.9, 14px from the words, 2px down (MUI's 7px stays below). */
 export const ICON_SLOT = { size: 22, opacity: 0.9, marginRightUnits: 1.75, paddingTopUnits: 0.25, paddingBottom: 7 } as const;
 /** The action slot: MUI's `4px 0 0 16px` with the 16px ours, pushed right, 8px into the padding. */

package/src/components/form/Button/Button.md

@@ -10,11 +10,11 @@ The Button component is a versatile and highly customizable interactive element
 - **Color Themes**: primary, secondary, success, warning, info, danger, neutral
 - **Size Options**: xs, sm, md, lg, xl
 - **Special Effects**: glow, pulse animations
-- **Loading States**: Built-in loading spinner
+- **Loading States**: Built-in loading spinner over the label, which stays as the button's accessible name
 - **Icon Support**: Leading icons with automatic loading state handling
 - **Renders As Anything**: `component` swaps the element, carrying that
   component's own props through the types (a router link, an `<a>`, a label)
-- **Accessibility**: Full ARIA support, keyboard navigation
+- **Accessibility**: Native `<button>` semantics, keyboard navigation; a loading button keeps its name and sets `aria-busy`
 - **Responsive Design**: Adapts to different screen sizes
 
 ## Usage
@@ -56,7 +56,7 @@ import { Button } from '@procurement/ui';
 | `variant`    | `'solid' \| 'outline' \| 'ghost' \| 'text' \| 'glass' \| 'gradient'`                | `'solid'`   | Visual style variant                      |
 | `color`      | `'primary' \| 'secondary' \| 'success' \| 'warning' \| 'info' \| 'danger' \| 'neutral'`      | `'primary'` | Color theme                               |
 | `size`       | `'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'`                                        | `'md'`      | Button size                               |
-| `loading`    | `boolean`                                                                     | `false`     | Shows loading spinner and disables button |
+| `loading`    | `boolean`                                                                     | `false`     | Shows loading spinner over the label, sets `aria-busy`, disables button |
 | `disabled`   | `boolean`                                                                     | `false`     | Disables button interaction               |
 | `icon`       | `ReactNode`                                                                   | -           | Icon element to display before text       |
 | `glow`       | `boolean`                                                                     | `false`     | Adds glow visual effect                   |
@@ -274,6 +274,7 @@ The Button component includes comprehensive test IDs for reliable automated test
 | Button          | `{dataTestId}` or `'button'`       | Main button element                  |
 | Icon            | `{dataTestId}-icon` or `'button-icon'` | Icon wrapper when icon prop provided |
 | Loading Spinner | `{dataTestId}-loading` or `'button-loading'` | Circular progress during loading state |
+| Loading Label | `{dataTestId}-busy-label` or `'button-busy-label'` | The label kept, transparent, under the spinner while loading |
 
 ### Testing Best Practices
 

package/src/components/form/Button/Button.native.loading.tsx

@@ -0,0 +1,89 @@
+import * as React from 'react';
+import { ActivityIndicator, Platform, StyleSheet, View } from 'react-native';
+import type { TextStyle } from 'react-native';
+
+import { BUTTON_SPINNER_SIZE } from './Button.metrics';
+import { renderTextChildren } from '../../../platform/text-children';
+
+/**
+ * The native Button's loading state (FUT-3646): the label and icon stay laid
+ * out under the spinner — so the button keeps its width and shape — and the
+ * button keeps its name. Split from `Button.native.tsx` to keep that file
+ * under the line ceiling.
+ */
+
+/**
+ * The spinner over the label while loading, across the whole button; `role`
+ * comes from react-native's ActivityIndicator. It used to REPLACE the label, so
+ * a loading button had no accessible name (FUT-3646).
+ */
+export function Spinner({ color, testID }: { color: string; testID: string }): React.JSX.Element {
+  return (
+    <View style={styles.spinner}>
+      <ActivityIndicator
+        size={Platform.OS === 'ios' ? 'small' : BUTTON_SPINNER_SIZE}
+        color={color}
+        testID={testID}
+        accessibilityLabel="loading"
+      />
+    </View>
+  );
+}
+
+/**
+ * The button's name while loading: its text label, said outright. The label
+ * stays laid out (transparent) so the width holds, but a screen reader may skip
+ * a view at opacity 0 — VoiceOver does — so the name cannot ride on it alone.
+ * A caller's own `aria-label` still wins, being spread after this.
+ */
+export const loadingName = (loading: boolean | undefined, children: React.ReactNode): string | undefined =>
+  loading ? textOf(children) : undefined;
+
+/**
+ * The text of a label made only of strings and numbers — `Salvar`, or
+ * `Salvar {n}`, which React hands over as an array. Anything else (an element)
+ * has no text to say here, so the name is left to the label itself.
+ */
+function textOf(children: React.ReactNode): string | undefined {
+  const parts = React.Children.toArray(children);
+  const textual = parts.every((part) => typeof part === 'string' || typeof part === 'number');
+  return textual && parts.length > 0 ? parts.join('') : undefined;
+}
+
+/** Laid out but unseen under the spinner while loading, so the width holds. */
+export const hiddenWhile = (loading: boolean | undefined) => (loading ? styles.hidden : null);
+
+/** The text label; while loading, kept laid out but unseen under the spinner. */
+export function Label({
+  loading,
+  label,
+  testID,
+  children,
+}: {
+  loading: boolean | undefined;
+  label: TextStyle;
+  testID: string;
+  children: React.ReactNode;
+}): React.ReactNode {
+  const text = renderTextChildren(children, label, 1);
+  return loading ? (
+    <View style={styles.hidden} testID={testID}>
+      {text}
+    </View>
+  ) : (
+    text
+  );
+}
+
+const styles = StyleSheet.create({
+  // The label and icon under the spinner: laid out, so the width holds, but unseen.
+  hidden: {
+    opacity: 0,
+  },
+  spinner: {
+    ...StyleSheet.absoluteFillObject,
+    pointerEvents: 'none',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});

package/src/components/form/Button/Button.native.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import {
-  ActivityIndicator,
   Animated,
   Easing,
   Platform,
@@ -20,7 +19,6 @@ import {
   BUTTON_ICON_GAP_UNITS,
   BUTTON_LINE_HEIGHT,
   BUTTON_SIZES,
-  BUTTON_SPINNER_SIZE,
   BUTTON_WASH_ALPHA,
   GLASS_BACKGROUND_ALPHA,
   GLASS_BACKGROUND_ALPHA_PRESSED,
@@ -35,7 +33,7 @@ import {
   quietInk,
 } from './Button.metrics';
 import type { ButtonProps, ButtonVariant } from './Button.types.native';
-import { renderTextChildren } from '../../../platform/text-children';
+import { hiddenWhile, Label, loadingName, Spinner } from './Button.native.loading';
 import { childTestId, resolveTestId, withoutTestIdProps } from '../../../platform/test-id';
 import { useUiTheme } from '../../../provider/use-ui-theme.native';
 import { resolveFieldEdge } from '../../../tokens/field-edge.core';
@@ -238,7 +236,8 @@ interface ButtonLook {
 function buttonLook(theme: UiTheme, props: ResolvedProps): ButtonLook {
   const { variant, color, size, loading, icon, children, glow, pulse, active, disabled, style } = props;
   const palette = buttonPalette(theme, color);
-  const iconOnly = !loading && icon != null && children == null;
+  // Loading keeps the icon (transparent), so it changes neither the shape nor the gap (FUT-3646).
+  const iconOnly = icon != null && children == null;
   const inactive = Boolean(disabled) || loading;
   const paint = inactive ? disabledPaint(theme, variant) : paintFor(theme, variant, color, palette, active);
   // The theme's one field radius, so a button and the input beside it agree.
@@ -248,7 +247,7 @@ function buttonLook(theme: UiTheme, props: ResolvedProps): ButtonLook {
   // ring turns it visible; on native the glow's shadow needs it visible too,
   // because a view's own shadow is clipped by its own overflow there.
   const overflow: ViewStyle['overflow'] = pulse || glow ? 'visible' : 'hidden';
-  const sized = sizeStyle(theme, size, iconOnly, icon != null && !loading);
+  const sized = sizeStyle(theme, size, iconOnly, icon != null);
   const glowing = glow && !inactive ? glowStyle(palette) : null;
 
   return {
@@ -275,18 +274,6 @@ function buttonLook(theme: UiTheme, props: ResolvedProps): ButtonLook {
   };
 }
 
-/** The spinner that replaces the label while loading; `role` comes from react-native's ActivityIndicator. */
-function Spinner({ color, testID }: { color: string; testID: string }): React.JSX.Element {
-  return (
-    <ActivityIndicator
-      size={Platform.OS === 'ios' ? 'small' : BUTTON_SPINNER_SIZE}
-      color={color}
-      testID={testID}
-      accessibilityLabel="loading"
-    />
-  );
-}
-
 export const Button = React.forwardRef<View, ButtonProps>((rawProps, ref) => {
   const resolved = resolveButtonProps(rawProps);
   const { loading, icon, iconPosition, pulse, ripple, children, onClick, onPress, ...others } = resolved;
@@ -306,12 +293,11 @@ export const Button = React.forwardRef<View, ButtonProps>((rawProps, ref) => {
     onPress?.(event);
   };
 
-  const iconNode =
-    !loading && icon ? (
-      <View style={styles.icon} testID={idFor('icon')}>
-        {icon}
-      </View>
-    ) : null;
+  const iconNode = icon ? (
+    <View style={[styles.icon, hiddenWhile(loading)]} testID={idFor('icon')}>
+      {icon}
+    </View>
+  ) : null;
 
   return (
     <Pressable
@@ -319,6 +305,7 @@ export const Button = React.forwardRef<View, ButtonProps>((rawProps, ref) => {
       role="button"
       aria-disabled={look.inactive}
       aria-busy={loading}
+      aria-label={loadingName(loading, children)}
       disabled={look.inactive}
       onPress={handlePress}
       android_ripple={ripple && !look.inactive ? { color: alpha(look.palette.main, 0.2), borderless: false } : undefined}
@@ -328,8 +315,11 @@ export const Button = React.forwardRef<View, ButtonProps>((rawProps, ref) => {
     >
       {pulse && !look.inactive ? <Pulse color={look.palette.main} radius={look.radius} testID={idFor('pulse')} /> : null}
       {iconPosition === 'left' ? iconNode : null}
-      {loading ? <Spinner color={look.label.color as string} testID={idFor('loading')} /> : renderTextChildren(children, look.label, 1)}
+      <Label loading={loading} label={look.label} testID={idFor('busy-label')}>
+        {children}
+      </Label>
       {iconPosition === 'right' ? iconNode : null}
+      {loading ? <Spinner color={look.label.color as string} testID={idFor('loading')} /> : null}
     </Pressable>
   );
 });

package/src/components/form/Button/Button.tsx

@@ -100,20 +100,44 @@ const muiColorFor = (color: NonNullable<ButtonProps['color']>): MuiButtonColor =
  */
 const iconGlyphStyle = (theme: Theme) => ({ fontSize: rem(theme, BUTTON_ICON_GLYPH_SIZE) });
 
+/**
+ * The label while the button loads (FUT-3646): still in the DOM and in the
+ * accessibility tree, only transparent. The spinner used to REPLACE it, which
+ * left the button with no accessible name — a screen reader on it heard just
+ * "button, dimmed" — and let it shrink to the spinner's width mid-press.
+ *
+ * `opacity`, never `visibility: hidden` or `display: none`: those two take the
+ * text out of the accessibility tree, which is the bug again.
+ */
+const LOADING_LABEL_STYLE: React.CSSProperties = { opacity: 0 };
+
+/** The spinner, centred over the label it stands in for. */
+const LOADING_SPINNER_STYLE: React.CSSProperties = {
+  position: 'absolute',
+  inset: 0,
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+};
+
+/**
+ * The icon slot while loading keeps its glyph, transparent like the label
+ * (FUT-3646): dropping it made an icon-and-label button jump 28px narrower the
+ * moment it started loading, and a square icon button turn into a 64px slab.
+ */
+const iconSlotStyle = (theme: Theme, loading: boolean | undefined): React.CSSProperties =>
+  loading ? { ...iconGlyphStyle(theme), ...LOADING_LABEL_STYLE } : iconGlyphStyle(theme);
+
 /**
  * An icon and nothing else — the shape that should render square.
  *
  * A separate predicate rather than three clauses inline: the component function
  * is already at the complexity ceiling, and "what counts as an icon button" is
- * a rule worth naming anyway. `loading` disqualifies, because a spinner
- * replaces the children and would otherwise make every loading button square.
+ * a rule worth naming anyway. Loading does not change it: the icon stays,
+ * transparent under the spinner, so the button keeps its square.
  */
-function isIconOnly({
-  loading,
-  icon,
-  children,
-}: Pick<ButtonProps, 'loading' | 'icon' | 'children'>): boolean {
-  return !loading && icon != null && children == null;
+function isIconOnly({ icon, children }: Pick<ButtonProps, 'icon' | 'children'>): boolean {
+  return icon != null && children == null;
 }
 
 /**
@@ -163,15 +187,14 @@ const ButtonRoot = React.forwardRef<HTMLButtonElement, ButtonProps>(
     const theme = useTheme();
 
     // Wrap icon with testId if provided
-    const iconWithTestId =
-      !loading && icon ? (
-        <span data-testid={testId('icon')} style={iconGlyphStyle(theme)}>
-          {icon}
-        </span>
-      ) : undefined;
+    const iconWithTestId = icon ? (
+      <span data-testid={testId('icon')} style={iconSlotStyle(theme, loading)}>
+        {icon}
+      </span>
+    ) : undefined;
 
     // Only an icon, so the button is a square rather than a 64px slab.
-    const iconOnly = isIconOnly({ loading, icon, children });
+    const iconOnly = isIconOnly({ icon, children });
 
     const mergedClassName =
       [active ? 'active' : '', props.className].filter(Boolean).join(' ') || undefined;
@@ -188,6 +211,7 @@ const ButtonRoot = React.forwardRef<HTMLButtonElement, ButtonProps>(
         pulse={pulse}
         ripple={ripple}
         disabled={disabled || loading}
+        aria-busy={loading ? true : undefined}
         disableRipple={!ripple}
         startIcon={iconPosition === 'left' ? iconWithTestId : undefined}
         endIcon={iconPosition === 'right' ? iconWithTestId : undefined}
@@ -200,7 +224,14 @@ const ButtonRoot = React.forwardRef<HTMLButtonElement, ButtonProps>(
         className={mergedClassName}
       >
         {loading ? (
-          <CircularProgress size={rem(theme, 16)} color="inherit" data-testid={testId('loading')} />
+          <>
+            <span style={LOADING_LABEL_STYLE} data-testid={testId('busy-label')}>
+              {children}
+            </span>
+            <span style={LOADING_SPINNER_STYLE}>
+              <CircularProgress size={rem(theme, 16)} color="inherit" data-testid={testId('loading')} />
+            </span>
+          </>
         ) : (
           children
         )}

package/dist/chunk-364NH2NY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Button/Button.tsx"],"sourcesContent":["import MuiButton from '@mui/material/Button/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport * as React from 'react';\n\nimport { resolveButtonProps } from './Button.helpers';\nimport { BUTTON_ICON_GLYPH_SIZE } from './Button.metrics';\nimport { childTestId, resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { rem } from '../../../tokens/relative';\nimport {\n  buttonEmphasisStyles,\n  buttonVariantStyles,\n  getColorFromTheme,\n  iconAlignmentStyles,\n  buttonSize,\n} from './Button.styles';\nimport type { ButtonComponent, ButtonProps } from './Button.types';\n\nconst StyledButton = styled(MuiButton, {\n  shouldForwardProp: (prop) =>\n    ['glow', 'pulse', 'loading', 'customVariant', 'customColor', 'ripple'].indexOf(\n      prop as string,\n    ) === -1,\n})<{\n  customVariant?: string;\n  customColor?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  ripple?: boolean;\n}>(({ theme, customVariant, customColor = 'primary', glow, pulse }) => {\n  const colorPalette = getColorFromTheme(theme, customColor);\n\n  return {\n    textTransform: 'none',\n    fontWeight: 500,\n    borderRadius: fieldRadius(theme),\n    transition: 'all 0.3s ease',\n    position: 'relative',\n    overflow: 'hidden',\n    ...iconAlignmentStyles(theme),\n    ...buttonVariantStyles(theme, customVariant, colorPalette, customColor),\n    ...buttonEmphasisStyles(theme, colorPalette, glow, pulse),\n  };\n});\n\n/** Our six variants collapse onto MUI's three; only outline and text differ. */\nconst muiVariantFor = (variant?: string): 'outlined' | 'text' | 'contained' => {\n  if (variant === 'outline') return 'outlined';\n  return variant === 'text' ? 'text' : 'contained';\n};\n\ntype MuiButtonColor = 'inherit' | 'primary' | 'secondary' | 'success' | 'warning' | 'info' | 'error';\n\n/**\n * Our five sizes collapse onto MUI's three, so the rendered class NAMES the\n * size the button actually is (12-74).\n *\n * It was never forwarded, so every button — `xs` through `xl` — carried\n * `MuiButton-sizeMedium`. The pixels were right (they come from `buttonSize`'s\n * `sx`, which still decides them) but the DOM said \"medium\" about a large\n * button: a test could never assert the size, and devtools lied to whoever\n * opened them.\n *\n * MUI's own size styles are padding, font-size and the icon glyph. The first\n * two are overridden by that same `sx`; the third is pinned by\n * `BUTTON_ICON_GLYPH_SIZE`, so forwarding this moves nothing on screen.\n */\nconst muiSizeFor = (size: NonNullable<ButtonProps['size']>): 'small' | 'medium' | 'large' => {\n  if (size === 'xs' || size === 'sm') return 'small';\n  return size === 'md' ? 'medium' : 'large';\n};\n\n/** `danger` and `neutral` are ours; the rest are MUI's own names already. */\nconst muiColorFor = (color: NonNullable<ButtonProps['color']>): MuiButtonColor => {\n  if (color === 'danger') return 'error';\n  return color === 'neutral' ? 'inherit' : color;\n};\n\n/**\n * The icon slot's font-size, pinned on the wrapper this component already owns\n * (12-74).\n *\n * MUI writes 18/20/22 there off its own `size`, and that prop is now forwarded,\n * so a glyph that takes its size by INHERITANCE would start moving with the\n * button — measured at 18px on `xs` and 22px on `lg` against the 20px every\n * size has always drawn. See {@link BUTTON_ICON_GLYPH_SIZE} for what that does\n * and does not reach.\n *\n * Written as an inline style rather than a selector in `sx` because MUI's own\n * rule sits on the start/end-icon span itself. Beating it from the root means\n * winning a specificity contest at a distance — true in a browser, but not\n * something a test can hold, since jsdom resolves `getComputedStyle` by\n * document order and never by specificity. Inline wins both, and it sits on the\n * one element we already render for this glyph.\n *\n * Through the theme's type scale (FUT-2594): `1.25rem` at MUI's defaults, which\n * is the 20px MUI was emitting before at a 16px root.\n */\nconst iconGlyphStyle = (theme: Theme) => ({ fontSize: rem(theme, BUTTON_ICON_GLYPH_SIZE) });\n\n/**\n * An icon and nothing else — the shape that should render square.\n *\n * A separate predicate rather than three clauses inline: the component function\n * is already at the complexity ceiling, and \"what counts as an icon button\" is\n * a rule worth naming anyway. `loading` disqualifies, because a spinner\n * replaces the children and would otherwise make every loading button square.\n */\nfunction isIconOnly({\n  loading,\n  icon,\n  children,\n}: Pick<ButtonProps, 'loading' | 'icon' | 'children'>): boolean {\n  return !loading && icon != null && children == null;\n}\n\n/**\n * The design system's button.\n *\n * Typed as an `OverridableComponent` (12-70) rather than a plain `forwardRef`,\n * which is how MUI models a component that can render as something else. The\n * practical difference is one line at a call site:\n *\n * ```tsx\n * <Button component={Link} to=\"/account/compras/42\">Acompanhar pedido</Button>\n * ```\n *\n * `to` is typed here because the generic carries the target component's own\n * props through. A plain `component?: React.ElementType` — what this was —\n * accepts the component and throws its props away, so `to` typechecked\n * nowhere even though it arrived intact at runtime. A host wanting a router\n * navigation painted as a button had to choose between a type assertion and\n * losing the `href`; both were shipped, and both are the reason this ticket\n * exists.\n */\nconst ButtonRoot = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (rawProps, ref) => {\n    const {\n      variant,\n      color,\n      size,\n      loading,\n      icon,\n      iconPosition,\n      glow,\n      pulse,\n      ripple,\n      active,\n      children,\n      disabled,\n      onClick,\n      onFocus,\n      onBlur,\n      ...others\n    } = resolveButtonProps(rawProps);\n    // Every spelling of the test id the shared contract allows, mapped to the\n    // one the DOM reads; the native Button does the same in reverse.\n    const ownTestId = resolveTestId(others, 'button');\n    const testId = (suffix: string) => childTestId(others, suffix, 'button');\n    const props = withoutTestIdProps(others);\n    const theme = useTheme();\n\n    // Wrap icon with testId if provided\n    const iconWithTestId =\n      !loading && icon ? (\n        <span data-testid={testId('icon')} style={iconGlyphStyle(theme)}>\n          {icon}\n        </span>\n      ) : undefined;\n\n    // Only an icon, so the button is a square rather than a 64px slab.\n    const iconOnly = isIconOnly({ loading, icon, children });\n\n    const mergedClassName =\n      [active ? 'active' : '', props.className].filter(Boolean).join(' ') || undefined;\n\n    return (\n      <StyledButton\n        ref={ref}\n        variant={muiVariantFor(variant)}\n        color={muiColorFor(color)}\n        size={muiSizeFor(size)}\n        customVariant={variant}\n        customColor={color}\n        glow={glow}\n        pulse={pulse}\n        ripple={ripple}\n        disabled={disabled || loading}\n        disableRipple={!ripple}\n        startIcon={iconPosition === 'left' ? iconWithTestId : undefined}\n        endIcon={iconPosition === 'right' ? iconWithTestId : undefined}\n        onClick={onClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        sx={buttonSize(size, iconOnly)}\n        data-testid={ownTestId}\n        {...props}\n        className={mergedClassName}\n      >\n        {loading ? (\n          <CircularProgress size={rem(theme, 16)} color=\"inherit\" data-testid={testId('loading')} />\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  },\n);\n\nButtonRoot.displayName = 'Button';\n\n/**\n * The cast is what publishes the generic — `forwardRef` cannot express\n * \"renders as C, and takes C's props\" on its own, so MUI's own components do\n * exactly this. `ButtonRoot` above is the implementation and is not exported.\n */\nexport const Button = ButtonRoot as ButtonComponent;\n"],"mappings":"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","names":[]}

package/dist/chunk-IVI574Y5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Alert/Alert.content.tsx"],"sourcesContent":["import AlertTitle from '@mui/material/AlertTitle/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport React from 'react';\n\nimport { sxRem } from '../../../tokens/relative';\n\nimport { testIdFor } from './Alert.helpers';\nimport { DESCRIPTION, ICON_SLOT, TITLE, TITLE_ICON } from './Alert.metrics';\nimport type { AlertProps } from './Alert.types';\n\nconst BREAK_WORDS = {\n  wordWrap: 'break-word',\n  overflowWrap: 'break-word',\n  wordBreak: 'break-word',\n} as const;\n\n/**\n * The message column: title, description, then whatever the caller put inside.\n *\n * `titleIcon` is the icon when it sits on the title's line\n * (`iconPlacement: 'title'`, see `Alert.placement.ts`). The title then shares\n * a row with it, and the description below is a sibling of that row — so it\n * starts at the column's own edge rather than under the title's first letter.\n */\nexport const AlertContent: React.FC<{\n  title?: AlertProps['title'];\n  description?: AlertProps['description'];\n  titleIcon?: React.ReactNode;\n  dataTestId?: string;\n  children?: React.ReactNode;\n}> = ({ title, description, titleIcon, dataTestId, children }) => {\n  const heading = title ? (\n    <AlertTitle\n      data-testid={testIdFor(dataTestId, 'title')}\n      sx={{\n        fontWeight: TITLE.fontWeight,\n        fontSize: sxRem(TITLE.fontSize),\n        // On the icon's row the title is centred against the glyph, so MUI's\n        // 2px lift would only push it off that centre.\n        ...(titleIcon ? { margin: 0 } : { marginBottom: description ? TITLE.marginBottomUnits : 0 }),\n        ...BREAK_WORDS,\n      }}\n    >\n      {title}\n    </AlertTitle>\n  ) : null;\n\n  return (\n    <>\n      {titleIcon && heading ? (\n        <Box\n          data-testid={testIdFor(dataTestId, 'title-row')}\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: TITLE_ICON.gapUnits,\n            marginBottom: description ? TITLE.marginBottomUnits : 0,\n            '& > span': { display: 'flex', flex: 'none', fontSize: sxRem(ICON_SLOT.size) },\n          }}\n        >\n          {titleIcon}\n          {heading}\n        </Box>\n      ) : (\n        heading\n      )}\n      {description && (\n        <Box\n          component=\"div\"\n          data-testid={testIdFor(dataTestId, 'message')}\n          sx={{ opacity: DESCRIPTION.opacity, fontSize: sxRem(DESCRIPTION.fontSize), ...BREAK_WORDS }}\n        >\n          {description}\n        </Box>\n      )}\n      {children}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAO,gBAAgB;AACvB,OAAO,SAAS;AA+BZ,SAgBA,UAhBA,KAkBI,YAlBJ;AAtBJ,IAAM,cAAc;AAAA,EAClB,UAAU;AAAA,EACV,cAAc;AAAA,EACd,WAAW;AACb;AAUO,IAAM,eAMR,CAAC,EAAE,OAAO,aAAa,WAAW,YAAY,SAAS,MAAM;AAChE,QAAM,UAAU,QACd;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,UAAU,YAAY,OAAO;AAAA,MAC1C,IAAI;AAAA,QACF,YAAY,MAAM;AAAA,QAClB,UAAU,MAAM,MAAM,QAAQ;AAAA;AAAA;AAAA,QAG9B,GAAI,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,cAAc,MAAM,oBAAoB,EAAE;AAAA,QAC1F,GAAG;AAAA,MACL;AAAA,MAEC;AAAA;AAAA,EACH,IACE;AAEJ,SACE,iCACG;AAAA,iBAAa,UACZ;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,UAAU,YAAY,WAAW;AAAA,QAC9C,IAAI;AAAA,UACF,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,KAAK,WAAW;AAAA,UAChB,cAAc,cAAc,MAAM,oBAAoB;AAAA,UACtD,YAAY,EAAE,SAAS,QAAQ,MAAM,QAAQ,UAAU,MAAM,UAAU,IAAI,EAAE;AAAA,QAC/E;AAAA,QAEC;AAAA;AAAA,UACA;AAAA;AAAA;AAAA,IACH,IAEA;AAAA,IAED,eACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAa,UAAU,YAAY,SAAS;AAAA,QAC5C,IAAI,EAAE,SAAS,YAAY,SAAS,UAAU,MAAM,YAAY,QAAQ,GAAG,GAAG,YAAY;AAAA,QAEzF;AAAA;AAAA,IACH;AAAA,IAED;AAAA,KACH;AAEJ;","names":[]}